Posizionamento oggetti con CSS

**marcorai** · 08-10-2003, 15:47

Scusate, mi sono perso con la mia prima realizzazione con i css...

<body>
<style>
#spazio {height: 30px; weigth: 100%; background-color: #dadada}
#banner {left: 300px; width: 100%; height: 80px; background-color: #b9b9b9; border-left: 1px solid black; border-top: 1px solid black; }
#news {height: 22px; background-color: #ffab35; padding: 9px 1px 1px 25px; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; }
.testo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.lineaorizz {top:90px}
</style>
<div id="dx_up">
<hr align="left" width="70px" size="1px" noshade color="#000000" class="lineaorizz"/>
<div id="banner">Banner 1 --- Banner 2</div>
<div id="news"><span class="testo">NEWS: Titolo news 1</span></div>
<div id="spazio"></div>
</div>
</body>

Come faccio ad allineare la linea orizzontale a metà del primo box grigio?
Ho provato aggiungendo float:left alla classe lineaorizz, ma questo mi centra soltanto la linea.

Grazie per l'aiuto!
Marco

**kirikong** · 08-10-2003, 16:01

<div id="dx_up">

scusa ma questo dove lo hai definito?

**marcorai** · 08-10-2003, 16:10

Ah, scusa, pensavo non importasse ai fini della liena orizzontale...

#dx_up {position: absolute; top: 18px; left: 240px; width: 520px}

**kirikong** · 08-10-2003, 16:22

intendi dire per dividere i due banner che vuoi inserire?

**marcorai** · 08-10-2003, 16:31

no, esterna al box grigio in cui stanno i banner (vedi gif)

**kirikong** · 08-10-2003, 16:54

elimina la classe lineaorizzontale e sostituiscila con:

hr {
position: absolute;
width: 70px;
left: 170px;
top: 90px;
color:#000000;
}

**marcorai** · 08-10-2003, 17:25

A posto!!!
Era un problema di position:absolute!!!

Grazie!!!

Discussione: Posizionamento oggetti con CSS

Strumenti discussione

Ricerca discussione

Visualizza

Posizionamento oggetti con CSS

Permessi di invio