Jump to content

Web design question


expertec
 Share

Recommended Posts

Maybe it's too late but I'm not sure what she wants in terms of layout!

But what about this:

http://www.neoplanet.co.uk/users/powerless/poison/menu.htm

Views correctly, but she'll have to check it out in safari.

p.s. there are better ways to refine the 'code' but errrr...I haven't done that yet :( but if that is all she wants, then it will do.

Link to comment
Share on other sites

What she wants is a space between the image on the left, and the text... it shows in the preview when she is making the page, but when it gets to the browser, it doesn't look the same.

Can't see this screenshot?

post-548-1134290078_thumb.jpg

The one at the bottom is how it's supposed to look, and the top two are how it actually displays in browsers.

Link to comment
Share on other sites

Take Two?

wtf-black.gif

Allow me to explain.

Music-tography, is a combination of music and photography, my two passions. It's that simple. Follow the links to see what I've already finished, or check out the updates to see what I'm doing now.

Everything on this site is © Jennifer Noelle unless otherwise stated. Sign my guest book.

Poison Flowers is the name of a Mono Puff song. Mono Puff was a side project by John Flansburgh. John Flansburgh and John Linnell created They Might Be Giants. They Might Be Giants is the best. band. ever. Go listen. And don't forget to check out my TMBG page.

 
Link to comment
Share on other sites

This is the HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>"Music-tography? What the f.."</title>
<link href="poisonflowers.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" height="200" border="0">
<tr>
<td width="342" height="200"><img src="http://www.neoplanet.co.uk/users/powerless/poison/img/wtf-black.gif" alt="WTF" width="200" height="200"></td>
<td width="549" valign="top"><span class="in-brief-txt"><span class="explain"><br>
Allow me to explain. </span><br>
<br>
<span class="content">Music-tography, is a combination of music and photography, my two passions. It's that simple. Follow the links to see what I've already finished, or check out the updates to see what I'm doing now. </span><br>
<br>
<span class="copyright">Everything on this site is © Jennifer Noelle unless otherwise stated. </span><span class="content">Sign my guest book</span><span class="copyright">.</span> <br>
<br>
<span class="content">Poison Flowers is the name of a Mono Puff song. Mono Puff was a side project by John Flansburgh. John Flansburgh and John Linnell created <a href="http://www.tmbg.com/" title="TMBG Home Page" target="_blank" class="links">They Might Be Giants</a>. They Might Be Giants is the </span><span class="content-italics">best. band. ever.</span><span class="content"> Go listen. And don't forget to check out my TMBG page.</span></span></td>
<td width="132" valign="top"> </td>
</tr>
</table>
</body>
</html>

This is how the web browser sorts out the text formatting, colour, bold etc:

<link href="poisonflowers.css" rel="stylesheet" type="text/css">

As an example: This is the content class, by changing this code here you effect site wide content. So if you hav 1000 pages, you can change the font size on all 1000 pages by changing the value of the font-size below. The font wll then be different on all pages. As it is now on the current papge, this is not possible.

.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
}

This is what she has now:

<font size=2">Music-tography, is a combination

So if she had 1000 pages she would have to go through each page to change the font value. Where as using the above method only one change is needed to to chnage the font on the 1000 pages.

Errrm if she only has one page or two then above maybe a little OTT.

To get the layout, how she wants it, I put everything in tables...

<table width="100%" height="200" border="0">
<tr>
<td width="200" height="200" valign="top"></td>
<td width="549" valign="top"></td>
<td width="132" valign="top"></td>
</tr>
</table>

You can play about with the values, make things bigger etc...

But that's pretty much it...as I say it can be done more better in terms of code, but I don't know how to do that yet.

If this is a little OTT then just say so, but it will allow for more greater control.

I've included the files, so you can see what it is I have.

:blink:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Privacy Policy