html/css trouble - Page 2

Davey_Pitch · 15-05-2008, 14:18

Is this kinda what you were after Holly, a simple border surrounding a white area you could put images and text into? Obviously it would be central, this was a 2 minute knock up to see if it's what you wanted.

HollyThirtyFive · 15-05-2008, 18:13

Yeah, I would like an orange border around it :-)

Here is my css code as it stands:
@charset "UTF-8";
/* CSS Document */

body {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px;
padding:0px;}

h1 {margin:0;}

h1, h2, h3, h4 {color:#000000; font-weight:bold; text-transform:capitalize; font-size:12px;}

#header {
padding-left:125px;
padding-right:25px;
padding-bottom:0px;
}

#navigation li {
display: inline;
font-size:14px;
font-weight:bold;
}

#photo {
float:right;
width:278px;
}

#main {
padding-left: 20px;
padding-right: 20px;
float: left;
width:550px;
}

#wrapper {
width: 1200px;
margin:auto;
background-color:#FFFFFF;

}

a:link {color:#000000;}
a:visited {color:#FF3300;}
a:hover {color:#FF3300;}

And my html code:

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE xsl:stylesheet [
<!ENTITY nbsp " ">
<!ENTITY copy "©">
<!ENTITY reg "®">
<!ENTITY trade "™">
<!ENTITY mdash "—">
<!ENTITY ldquo "“">
<!ENTITY rdquo "”">
<!ENTITY pound "£">
<!ENTITY yen "¥">
<!ENTITY euro "€">
]>
<xsl:stylesheet version="1.0" xmlns

sl="http://www.w3.org/1999/XSL/Transform">
<xsl

utput method="html" encoding="UTF-8" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<xsl:template match="/">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<title>Project Lumino</title>
<link href="bio.css" rel="style sheet" type="text/css"/>
</head>

<body>

<div id="header">
<h1><img src="headerlarge.jpg" alt="Project Lumino Site"/></h1>
</div>

<div id="navigation">
<ul>
<li>Home</li>
<li>Bio</li>
<li>News</li>
<li>Gallery</li>
<li>Music</li>
<li>Blog</li>
<li>Merch</li>
<li>Links</li>
</ul>
</div>

<div id="photo">
<img src="biomeimage.jpg"/>
</div>

<div id="main">
<h2>Biography</h2>
<h3>The Beginning</h3>

<p>Project Lumino is me, Holly Sellors. I creating electronic music in April 2007. My inspiration for producing began when I studied Music Technology.</p>

<p>textextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextextext exttextextextextextextextext</p>

<h4> The start of Lumino</h4>

<p>textextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextextext xtext</p>

<p>textextextextextextextexttextextextextextextext exttextextextextextexteextextextextextextexttextex textextextextextexttextextextextextextextext</p>

<p>textextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextexttex ttextextextextextextextext</p>

</div>

</body>
</html>

</xsl:template>
</xsl:stylesheet>

:-)

Mark · 15-05-2008, 18:32

I can't get the files to display in a browser. I'm not sure if the forum has corrupted them or what.

Are the actual files downloadable from somewhere?

I can see what needs changing but I don't want to start working on files that are corrupt in the first place.

Thanks.

HollyThirtyFive · 15-05-2008, 20:57

Here are the 2 image files I use:
http://i13.photobucket.com/albums/a3...eaderlarge.jpg

http://i13.photobucket.com/albums/a3...biomeimage.jpg

Mark · 15-05-2008, 21:07

Thanks but no problem with those - it's the HTML/CSS that are causing the problem.

HollyThirtyFive · 15-05-2008, 21:54

Oh, I'm not sure what you mean? Do you mean they don't work when you copy and paste them?

Mark · 15-05-2008, 22:02

Unfortunately true. Do you have them on a website somewhere? If not, do you still use MSN (you're showing offline right now)?

Davey_Pitch · 15-05-2008, 22:26

Is this kinda what you wanted?

Mark · 15-05-2008, 23:07

OK Davey, I'll leave it to you as you seem to be having much more success with it than I am.

HollyThirtyFive · 16-05-2008, 09:15

I wanted it so the left and right borders touch the ends of the logo image, which is what I couldnt manage to do. I think it was 125px originally to make the width of the borders touch the sides. Does that make sense? lol

Sorry am at work so cant go into too much detail!

15-05-2008, 14:18	#11
Davey_Pitch I iz speshul Join Date: Jun 2006 Location: Liverpool Posts: 6,296	Is this kinda what you were after Holly, a simple border surrounding a white area you could put images and text into? Obviously it would be central, this was a 2 minute knock up to see if it's what you wanted. __________________ Our deepest fear is not that we are inadequate. Our deepest fear is that we are powerful beyond measure. It is our light, not our darkness, that most frightens us. Your playing small does not serve the world. There is nothing enlightened about shrinking so that other people won't feel insecure around you. We are all meant to shine as children do. It's not just in some of us; it is in everyone. And as we let our own lights shine, we unconsciously give other people permission to do the same. As we are liberated from our own fear, our presence automatically liberates others.

15-05-2008, 18:13	#12
HollyThirtyFive Tinkerbell Join Date: Jul 2006 Location: Burgess Hill, West Sussex Posts: 743	Yeah, I would like an orange border around it :-) Here is my css code as it stands: @charset "UTF-8"; /* CSS Document */ body { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0px; padding:0px;} h1 {margin:0;} h1, h2, h3, h4 {color:#000000; font-weight:bold; text-transform:capitalize; font-size:12px;} #header { padding-left:125px; padding-right:25px; padding-bottom:0px; } #navigation li { display: inline; font-size:14px; font-weight:bold; } #photo { float:right; width:278px; } #main { padding-left: 20px; padding-right: 20px; float: left; width:550px; } #wrapper { width: 1200px; margin:auto; background-color:#FFFFFF; } a:link {color:#000000;} a:visited {color:#FF3300;} a:hover {color:#FF3300;} And my html code: <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp " "> <!ENTITY copy "©"> <!ENTITY reg "®"> <!ENTITY trade "™"> <!ENTITY mdash "—"> <!ENTITY ldquo "“"> <!ENTITY rdquo "”"> <!ENTITY pound "£"> <!ENTITY yen "¥"> <!ENTITY euro "€"> ]> <xsl:stylesheet version="1.0" xmlnssl="http://www.w3.org/1999/XSL/Transform"> <xslutput method="html" encoding="UTF-8" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/> <xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Project Lumino</title> <link href="bio.css" rel="style sheet" type="text/css"/> </head> <body> <div id="header"> <h1><img src="headerlarge.jpg" alt="Project Lumino Site"/></h1> </div> <div id="navigation"> <ul> <li>Home</li> <li>Bio</li> <li>News</li> <li>Gallery</li> <li>Music</li> <li>Blog</li> <li>Merch</li> <li>Links</li> </ul> </div> <div id="photo"> <img src="biomeimage.jpg"/> </div> <div id="main"> <h2>Biography</h2> <h3>The Beginning</h3> <p>Project Lumino is me, Holly Sellors. I creating electronic music in April 2007. My inspiration for producing began when I studied Music Technology.</p> <p>textextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextextext exttextextextextextextextext</p> <h4> The start of Lumino</h4> <p>textextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextextext xtext</p> <p>textextextextextextextexttextextextextextextext exttextextextextextexteextextextextextextexttextex textextextextextexttextextextextextextextext</p> <p>textextextextextextextexttextextextextextextext exttextextextextextextextexttextextextextextexttex ttextextextextextextextext</p> </div> </body> </html> </xsl:template> </xsl:stylesheet> :-) __________________ Debut album "Waking Up" Avaliable on all iTunes stores, Amazon Mp3 Special Hand Made Ltd Edition: £10 via Paypal

15-05-2008, 20:57	#14
HollyThirtyFive Tinkerbell Join Date: Jul 2006 Location: Burgess Hill, West Sussex Posts: 743	Here are the 2 image files I use: http://i13.photobucket.com/albums/a3...eaderlarge.jpg http://i13.photobucket.com/albums/a3...biomeimage.jpg __________________ Debut album "Waking Up" Avaliable on all iTunes stores, Amazon Mp3 Special Hand Made Ltd Edition: £10 via Paypal

15-05-2008, 21:54	#16
HollyThirtyFive Tinkerbell Join Date: Jul 2006 Location: Burgess Hill, West Sussex Posts: 743	Oh, I'm not sure what you mean? Do you mean they don't work when you copy and paste them? __________________ Debut album "Waking Up" Avaliable on all iTunes stores, Amazon Mp3 Special Hand Made Ltd Edition: £10 via Paypal

15-05-2008, 22:26	#18
Davey_Pitch I iz speshul Join Date: Jun 2006 Location: Liverpool Posts: 6,296	Is this kinda what you wanted? __________________ Our deepest fear is not that we are inadequate. Our deepest fear is that we are powerful beyond measure. It is our light, not our darkness, that most frightens us. Your playing small does not serve the world. There is nothing enlightened about shrinking so that other people won't feel insecure around you. We are all meant to shine as children do. It's not just in some of us; it is in everyone. And as we let our own lights shine, we unconsciously give other people permission to do the same. As we are liberated from our own fear, our presence automatically liberates others.

15-05-2008, 18:32	#13
Mark Screaming Orgasm Join Date: Jul 2006 Location: Newbury Posts: 15,194	I can't get the files to display in a browser. I'm not sure if the forum has corrupted them or what. Are the actual files downloadable from somewhere? I can see what needs changing but I don't want to start working on files that are corrupt in the first place. Thanks.

15-05-2008, 21:07	#15
Mark Screaming Orgasm Join Date: Jul 2006 Location: Newbury Posts: 15,194	Thanks but no problem with those - it's the HTML/CSS that are causing the problem.

15-05-2008, 22:02	#17
Mark Screaming Orgasm Join Date: Jul 2006 Location: Newbury Posts: 15,194	Unfortunately true. Do you have them on a website somewhere? If not, do you still use MSN (you're showing offline right now)?

15-05-2008, 23:07	#19
Mark Screaming Orgasm Join Date: Jul 2006 Location: Newbury Posts: 15,194	OK Davey, I'll leave it to you as you seem to be having much more success with it than I am.

16-05-2008, 09:15	#20
HollyThirtyFive Tinkerbell Join Date: Jul 2006 Location: Burgess Hill, West Sussex Posts: 743	I wanted it so the left and right borders touch the ends of the logo image, which is what I couldnt manage to do. I think it was 125px originally to make the width of the borders touch the sides. Does that make sense? lol Sorry am at work so cant go into too much detail! __________________ Debut album "Waking Up" Avaliable on all iTunes stores, Amazon Mp3 Special Hand Made Ltd Edition: £10 via Paypal

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode