Tue, 2010-03-09 04:12
Any idea how to link my logo back to index.html without it taking on the styling for my lists?
Tue, 2010-03-09 05:05
#1
I could only guess.
I could only guess.
Tue, 2010-03-09 05:22
#2
Oh! Can I guess too?!
Oh! Can I guess too?!
Tue, 2010-03-09 05:26
#3
Deuce wrote: Oh! Can I guess
Oh! Can I guess too?!
NO! 
Tue, 2010-03-09 08:17
#4
ooh ooh can I guest too, it's
ooh ooh can I guest too, it's my one and only guest appearance and not to be repeated.
Tippaflorda as you no doubt can sense from our flippant responses, there is a problem 
Please post something a little more helpful and descriptive with perhaps a little code or even a link and we can help, but guessing or guesting seldom happens as few coders like speculation.
"Trying Harder" err... yes I'm sure but you need to keep trying
Tue, 2010-03-09 14:47
#5
is your logo a list item? I
is your logo a list item? I cant wait to see this!
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Tue, 2010-03-09 17:37
#6
Logo is not a list item. It's
Logo is not a list item. It's just an pointing back to index.
CupidsToejam: I went back to the drawing board on the whole styling, like you suggested last week. And since you can't wait to see this, I also can't wait to hear what you think.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Quines Somos | Promo-visa</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo"><a href="index.html"><img src="images/promo-visa-logo.jpg" alt="Promo-visa-logo"/></a></div>
<ul>
<li><a href="quines-somos.html">Quines Somos</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="musica-y-publicidad.html">Musica y Publicidad</a></li>
<li><a href="por-que-promo-visa.html">Por que Promo-visa?</a></li>
<li><a href="promociones.html">Promociones</a></li>
<li><a href="demos.html">Demos</a></li>
<li><a href="conatactanos.html">Contactanos</a></li>
<li><a href="login.html">Login</a></li>
</ul>
<div id="sidebar">
<div id="leftpic"><img src="images/man-installing.jpg" alt="Promo-visa-install" /></div>
<div id="leftpic"><img src="images/speakers.jpg" alt="Promo-visa-speaker" /></div></div></div>
<div id="container"><p class="orangebig">Servicios</p>
<p><span class="orange">Promo-visa</span> no solo provee Musica, Jingles y Comerciales para su negocio.
Tambien instalamos el equipo de audio adecuado para su empresa.</p></div>
<div id="pbox"><img src="images/van.jpg" alt="van-2" /></div>
</div>
</body></html>
body{
background-color: #000000;
margin:0;
padding:0;
}
h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 29px;
font-style: normal;
color: #FF6400;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-style: normal;
color: #FFffff;
text-align: center;
}
#leftpic {
border: 4px solid #FFFF00;
padding: 0;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 5px;
width: 220px;
}
#sidebar {
float: left;
width: 220px;
}
#vanpic {
margin-left: 260px;
}
#pbox {
width: 346px;
float: left;
margin-left: 200px;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #FFFFFF;
line-height: 22px;
font-style: normal;
font-weight: lighter;
width: 670px;
padding-right: 4px;
padding-left: 4px;
margin-left: 256px;
}
.white {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
text-align: center;
}
.orangebig
{
color:#ff6400;
font-size:24px;
text-align: center;
padding-top: 0px;
}
.orange {
color:#ff6400;
}
#redbox {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color:#FFFFFF;
background-color: #330000;
}
.footer {
color:#ff6400;
width: 960px;
text-align: center;
}
div{
margin:0;
padding:0;
}
.container_1 {
width: 211px;
height: 83px;
margin-top:5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
.container_4 {
width:740px;
position:relative;
top: 10px;
}
.container_5 {
margin-left: 256px;
margin-top:112px;
width: 680px;
}
.container_6 {
margin-left: auto;
margin-right: auto;
width: 960px;
padding-left:601px;
}
#logo {
float: left;
width: 211px;
margin-right:5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
ul {
margin-top: 10px;
border: 1px solid #000;
width: 680px;
float: left;
}
li {
width: 158px;
height: 15px;
list-style: none;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
margin-top: 5px;
margin-bottom: 15px;
margin-left: 5px;
margin-right: 5px;
float: left;
}
a {
width: 158px;
height: 20px;
background-color:#330000;
margin-top:20px;
padding-top: 6px;
list-style: none;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: center;
border: thin solid #ffff00;
margin-bottom: 10px;
margin-left: 2px;
float: left;
}
a:link {
text-decoration: none;
color: #ffffff;
}
a:visited {
text-decoration: none;
color: #ffffff;
}
a:hover {
background-color:#663333;
}
a:active {
background-color:#663333;
}
#container_2 {
margin-left: 30px;
margin-right: auto;
float: left;
margin-bottom: 5px;
}
#container_3
{
margin:0 auto;
width:960px;
height:446px;
padding-top: 60px;
}
.bottompics
{
width:158px;
border: thin solid #FFFF00;
margin-top: 25px;
margin-right: 2px;
margin-left: 2px;
}
#container {
width:960px;
margin-right: auto;
margin-left: auto;
}
.redbox {
background-color: 330000;
color: ffffff;
clear: left;
width: 300px;
text-align: center;
}
<a href="http://www.wilsonvision.com/servicios.html"></a>
Tue, 2010-03-09 19:23
#7
ok, since you have global a
ok, since you have global a styles, you'll need to use specificity to target the a you want to style...
#logo a {styles;}
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Tue, 2010-03-09 20:20
#8
Then code it:<logo a
Then code it:<logo a href="index.html">img src="images/promo-visa-logo.jpg" alt="Promo-visa-logo"/></a>
That doesn't add up. I'll target it specifically, but then how to code it?
Tue, 2010-03-09 20:42
#9
for the site branding, i
for the site branding, i would do it like this...
<h1><a href="index.html" title="Home Page"><img src="logo.jpg" alt="This is my site" /></a></h1>
There are many ways to do this, this is one of the good ones. You may also want to research image replacement techniques.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS