Rules      FAQ       Register        Login
It is currently April 27th, 2024, 4:39 pm

Board index » World Wide Web » Amon Hen (Help, Resources, & Tutorials) » Few Questions

All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 
  Print view Previous topic | Next topic 
Author Message
 Post subject: Few Questions
PostPosted: August 7th, 2008, 2:15 pm 
Johnny's Fan
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
Ok, I have *some* questions for people out there who are better at making layouts than me.

1) How can I get my content to look as neat as this:

http://img512.imageshack.us/img512/3441/laysfy9.png

Having both sides nice and straight? Is it something I need to alter in my table or this there simply a code I need to add?

2) I know my coding is not the prettiest thing around, but here is my style sheet (I have a snaky feeling most of it serves no purpose):

body {
background-color : #000000;
background-position : center 0%;
background-attachment : scroll;
font-family: arial;
color: #3dac8b;
font-size: 12pt;

margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-right : 0;
}

h3 {font-family: YouMurderer BB; color: #8c1b1d; }
A:link
{ text-decoration: none; color: #906CB4;
}
A:active
{ text-decoration: none; color: #906CB4;
}
A:visited
{ text-decoration: none; color: #906CB4;
}
A:hover
{ text-decoration: none; color: #8c1b1d;
}
A:active
{ text-decoration: none; color: #906CB4;
}

#header {
margin : 0;
padding-left : 0;
height : 0;
}

#left {
position : absolute;
left : 30px;
top : 559px;
width : 200px;
}

#center {
top : 0;
margin-left : 230px;
margin-right : 15px;
}

#sidehead {
display : block;
background-color : #8c1b1d;
color : #000000;
font-size : 12pt;
font-weight : bold;
text-align : center;
line-height : 18px;
margin-bottom : 5px;
margin-top : 5px;
}

table, tr, td {
background-color : #000000;
color : #3dac8b;
font-size : 8pt;
font-family : arial;
text-align : center;
letter-spacing : 0;
}

I'm having trouble with my <h3></h3> text. The text is appearing but there is no line underneath it and I don't know how to fix that.


That's about it for now, but I'm sure there will be plenty more. :teehee: To say I don't really know what I'm doing, is probably being kind. :P

_________________
Image

Image

^ By me and my SS *squiggle hugs*
Top
 Profile       WWW            
 
 Post subject:
PostPosted: August 7th, 2008, 2:30 pm 
smeagollum
Hobbit at Heart
Hobbit at Heart
User avatar

Joined: 04 June 2005
Posts: 11662
Location: Smeag's Island (Where the inevitable is evitable)

Offline
For <h3> do this:

change
h3 {font-family: YouMurderer BB; color: #8c1b1d; }

to
h3 {font-family: YouMurderer BB; color: #8c1b1d; text-decoration: underline;}

I am not sure what you mean by both sides straight. I need to see what the problem is.
Do you have a test page or something that I can see?

_________________
<center>

Image
Top
 Profile       WWW     YIM        
 
 Post subject:
PostPosted: August 7th, 2008, 4:30 pm 
The Grey Pilgrim
Rider of Rohan
Rider of Rohan
User avatar

Joined: 10 December 2005
Posts: 134

Offline
To make the edges of blocks of text straight (like in the example)

change

text-align: center;

to

text-align: justify;

in your table, tr, td section

_________________
<img src="http://thulcandra.com/randombanner/banner.php" title="Banner by Arwen">
I can help with HTML/CSS/JavaScript/PHP/ASP. I can't do graphics or layouts.
Post in Site Help, I'll see it. Or PM me.
Top
 Profile                  
 
 Post subject:
PostPosted: August 7th, 2008, 6:07 pm 
Johnny's Fan
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
^ Ah, that's perfect. Thank you so much. :D

@ smeag - Hm, well if you look here:

http://pavedwithstars.skyward-thoughts.com/

You'll see under "home" and "welcome" there are really long lines. That's because I put <h3>Home</h3> <h3>Welcome</h3> there. Underlining is an option, but it isn't as long. :confused: I'm not sure really what part of my coding as made <h3> not work.

_________________
Image

Image

^ By me and my SS *squiggle hugs*
Top
 Profile       WWW            
 
 Post subject:
PostPosted: August 7th, 2008, 8:53 pm 
smeagollum
Hobbit at Heart
Hobbit at Heart
User avatar

Joined: 04 June 2005
Posts: 11662
Location: Smeag's Island (Where the inevitable is evitable)

Offline
That is because the div is not as wide as the image.

_________________
<center>

Image
Top
 Profile       WWW     YIM        
 
 Post subject:
PostPosted: August 12th, 2008, 8:57 pm 
Johnny's Fan
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
Ah, thanks smeag for that. :-)

_________________
Image

Image

^ By me and my SS *squiggle hugs*
Top
 Profile       WWW            
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 

Board index » World Wide Web » Amon Hen (Help, Resources, & Tutorials) » Few Questions

All times are UTC - 5 hours [ DST ]



Who is online

Users browsing this forum: No registered users and 26 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Boyz theme by Zarron Media 2003