• 0

Basic Html/Css Questions..


Question

When writing lots of paragraphs what is the best way to do it:

A:

<p>Paragraph 1</p>

<p>Paragraph 2</p>

<p>Paragraph 3</p>

or B:

<p>Paragraph 1...<br />

Paragraph 2...<br />

Paragraph 3...</p>

-----------------------------------------

When creating complex-ish layouts, like the image i've attached below, what is the best way to do this in CSS. I have a feeling i'm going the long winded way about it.

Ignoring the header and footer, this is my CSS for the below image:

main width 800px

#menu {

width: 250px;

float: left;

}

#BigPhoto {

width: 550px

float: left;

}

#Middle {

width: 400px

float: left;

}

Text {

width: 650px;

float: left;

}

PhotoBottom {

width: 150px;

float: left;

}

.clear { clear: both; } /*to bring the footer down*/

Also, if each of the columns on each row varied in size i would also have to wrap those in <div></div> to keep in rows inline.

layoutmz.png

I've worked on a website that is laid out similar to this, and it has different layouts on every page.. This has made the CSS look very messy, i'm just wondering if that's the way you would go about doing those types of layouts.

Is there a way to get text and photo side by side without putting each in it's own div?

Link to comment
https://www.neowin.net/forum/topic/886726-basic-htmlcss-questions/
Share on other sites

11 answers to this question

Recommended Posts

  • 0

a) best way ive always doen it to keep it more organized is to use <p></p> for each separate paragraph. it gets confusing embedding a whole bunch of <br />'s throughout your text

b) your css looks fine. i didnt chekc to make sure it worked, but the style of it looks fine.

  • 0
  On 25/03/2010 at 22:11, Des429 said:

a) best way ive always doen it to keep it more organized is to use <p></p> for each separate paragraph. it gets confusing embedding a whole bunch of <br />'s throughout your text

b) your css looks fine. i didnt chekc to make sure it worked, but the style of it looks fine.

Thanks,

the real issue i was having was just the different sized boxes = lots of CSS. the messier it got the more i thought i was going the long way about it.

  On 25/03/2010 at 22:16, Mike said:

Paragraphs go in well, paragraph tags :p

They are both technically in paragraph tags.

--

So is it possible to have text side-by-side but contained in the same <div>

  • 0

1. Lots of paragraphs, go with:

<p></p>

<p></p>

<p></p>

2. If every block is going to have a different fixed width, then yes, every block will have to have its own rule in the CSS. However, if you have say 3 different blocks with the same width, it may make more sense to create one class that those 3 can share.

3. Once you float the photo left or right, the text will naturally move to its side. You can apply the float directly to the image without a div.

  • 0
  On 25/03/2010 at 22:25, jordan. said:

3. Once you float the photo left or right, the text will naturally move to its side. You can apply the float directly to the image without a div.

I didn't know that, it would definitely eliminate the need for some extra divs as i have been casing each text and photo in it's own div just to get them side by side.

  • 0

As the others said, paragraph tags are designed to encase a single paragraph, so for each paragraph, you want to put it in a new <p></p> tag.

As for your question about row alignment, its actually necessary to have divs to align the rows anyway. If you're floating your items on the left, you will need extra the divs to stop the paragraphs and other stuff from sitting alongside the floated elements.

  • 0

To be technically correct,Princeton defines a paragraph as

  Quote
"One of several distinct subdivisions of a text intended to separate ideas."
(emphasis mine). The more logical way to code your document is to divide paragraphs, as they should be, by their tags...

&lt;p&gt;This is the first paragraph...&lt;/p&gt;
&lt;p&gt;And the next one...&lt;/p&gt;

But if your paragraph is divided into blocks of text that are still relating to the same subject, you should use line break tags:

&lt;p&gt;This paragraph has a subject.&lt;br /&gt;&lt;br /&gt;
Still talking about the same subject...&lt;br /&gt;&lt;br /&gt;
And so on.&lt;/p&gt;

However, the simplest thing of all is to just split everything using <p> tags, as the other posters have suggested.:)

Hope this helped!

-- unintentional;)

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • I can tell you I don't need one. I use Start11 to make it Win10 styled and custom game tiles so it's essentially an easier way to launch games than opening Steam but I definitely don't 'need' it and don't use it to launch any applications.
    • I was replying to a user comment that literally started with "So, user error then."
    • Is the Start menu in Windows actually useful? Do we even need it? by Usama Jawad A few days ago, I shared my viewpoint regarding how Microsoft hasn't been able to convince me to migrate to Windows 11 as my sole daily driver, despite the OS being available for roughly four years. Within that piece, I highlighted the fact that even though the Start menu has been completely revamped in the latest version of Windows, it's not something that I use regularly. And that got me thinking: is the Start menu really a crucial piece of my Windows experience? I get it, I know that the Start menu is an iconic Windows element that has existed in the operating system for as long as many of us can remember. And yet, I can't really tell you about the last time I actually used the Start menu. The reason for italicizing the word "used" above is that while the Start menu can be launched when you click on the Windows icon in the Taskbar or the Windows key, I am not counting that as actual usage for the purpose of this piece. This is because I do launch the Start menu several times a day, I actually use it to get to Windows Search. I don't actually use the list of apps, app folders, and recently opened files. I simply tap the Windows key and start typing the search query for the item that I am looking for. For example, if I want to open Power BI, I don't open the Start menu and find the pinned app. I just tap on the Windows key and start typing "Po..." and quickly hit Enter as soon as the right option comes up, which is usually after a couple of keystrokes. Similarly, if I want to open "Gifts.xlsx", I don't open Excel from the Start menu or even peruse my list of recently opened files, I just start typing "Gi..." and press Enter. I feel like this is a much faster experience and you don't need to rely on muscle memory to find the item that you are looking for. And as your list of installed software grows, it only becomes more tedious to keep track of where you pinned an app or the folder that you kept it in. Windows Search gets rid of that problem completely. Additionally, the Start menu detracts me from whatever else I may be focusing on in parallel. If I am using Word and now want to open PowerPoint, I would probably get distracted by the Start menu as I launch it and try to locate the PowerPoint icon. Instead, I can just get to PowerPoint within a few keystrokes without even realizing the effort involved. I'd also like to highlight that I am not inherently against the idea of pinning stuff that you use frequently or recently, but I do think that the Taskbar and Desktop view already solves that problem to some extent. Right now, my Taskbar contains my most used software, while my desktop contains other secondary software and files. I understand that people have their fair share of complaints against Windows Search, but it works quite well for my use-cases. As it currently stands, my actual usage of the Start menu is nil. And although this popular Windows UX is always the subject of debate each time Microsoft makes even a minor change to it, I simply couldn't care less. That said, while the Start menu in its traditional use is dead to me, I am not sure how many people actively utilize this UX. Any evidence I have is purely anecdotal, but I would be very interested in seeing the telemetry that Microsoft tracks regarding its usage. Seeing how frequently Microsoft makes changes to the Start menu and the ensuing debate that follows, I feel like I am in the minority. But I just can't imagine opening the Start menu and then relying on muscle memory or a fixed grid of icons to get to the app I need, when I can do more with a couple of keystrokes.
    • >Fixed: Certain displays might be unexpectedly green. I believe that this fixed the Windows mishandling Dolby Vision issue in RGB 12 bit Full mode we saw recently.
  • Recent Achievements

    • Week One Done
      Wayne Robinson earned a badge
      Week One Done
    • One Month Later
      Karan Khanna earned a badge
      One Month Later
    • Week One Done
      Karan Khanna earned a badge
      Week One Done
    • First Post
      MikeK13 earned a badge
      First Post
    • Week One Done
      OHI Accounting earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      681
    2. 2
      ATLien_0
      277
    3. 3
      Michael Scrip
      208
    4. 4
      +FloatingFatMan
      172
    5. 5
      Steven P.
      142
  • Tell a friend

    Love Neowin? Tell a friend!