GoldenLine
Zaloguj się
Tomasz Gregorczyk

Tomasz Gregorczyk Product Manager

Temat: Poradzcie jak to zrobic na divach albo ul


Obrazek


takich elementow bedzie 3 szt. jeden pod drugim
Link do wypowiedziLink

konto usunięte

Temat: Poradzcie jak to zrobic na divach albo ul

coś takiego ??

html

<div class="cos">
<img class="obrazek" src="obrazek.jpg" alt="obrazek" />
<div class="srodek">
Blog jest miejscem.aaaaaaaaaaa aaaa aaaaaaaaaa aaaaaa aaaaaaaaa aaaaaaa aaaaaaa aaa a ...
<a href="link.html" class="link1">Zobacz...</a>
</div>
<div class="wpis">
ostatni wpis
<a href="link2.html" class="link2">wpis</a>
</div>

</div>

css

.cos{height:50px;
overflow:hidden;
}
.obrazek, .srodek, .wpis {float:left}
.srodek {border-top:solid 2px grey;
border-bottom:solid 2px grey;
margin:0 5px;}
.link1{display:block;
background:transparent url('kolko.jpg');
padding-left:5px;
}

.wpis{
background:#F7F7F7;
position:relative;
display:block;
height:50px;
width:100px;
}
Link do wypowiedziLink

konto usunięte

Temat: Poradzcie jak to zrobic na divach albo ul

Cezary H.:
coś takiego ??

html

<div class="cos">
<img class="obrazek" src="obrazek.jpg" alt="obrazek" />
<div class="srodek">
Blog jest miejscem.aaaaaaaaaaa aaaa aaaaaaaaaa aaaaaa aaaaaaaaa aaaaaaa aaaaaaa aaa a ...
<a href="link.html" class="link1">Zobacz...</a>
</div>
<div class="wpis">
ostatni wpis
<a href="link2.html" class="link2">wpis</a>
</div>

</div>

css

.cos{height:50px;
overflow:hidden;
}
.obrazek, .srodek, .wpis {float:left}
.srodek {border-top:solid 2px grey;
border-bottom:solid 2px grey;
margin:0 5px;}
.link1{display:block;
background:transparent url('kolko.jpg');
padding-left:5px;
}

.wpis{
background:#F7F7F7;
position:relative;
display:block;
height:50px;
width:100px;
}

takie trochę "divitis" i "clasitis"... UL już lepszy... a w środku odpowiednie znaczniki...

poza tym nie trzeba pisać background: transparent bo transparent to domyślna wartość w background...Piotr Lewandowski edytował(a) ten post dnia 21.11.08 o godzinie 16:16
Link do wypowiedziLink

konto usunięte

Temat: Poradzcie jak to zrobic na divach albo ul

takie trochę "divitis" i "clasitis"... UL już lepszy... a w

czemu UL lepszy ?Cezary H. edytował(a) ten post dnia 21.11.08 o godzinie 16:22
Link do wypowiedziLink
Tomasz Gregorczyk

Tomasz Gregorczyk Product Manager

Temat: Poradzcie jak to zrobic na divach albo ul

To jak?

<ul>
<li>obrazek<p>tekst</p><p>wpisy</p></li>
</ul>

i float:left dla p ?
Link do wypowiedziLink

konto usunięte

Temat: Poradzcie jak to zrobic na divach albo ul

Cezary H.:
takie trochę "divitis" i "clasitis"... UL już lepszy... a w

czemu UL lepszy ?Cezary H. edytował(a) ten post dnia 21.11.08 o godzinie 16:22

"takich elementow bedzie 3 szt." - zatem będzie to lista nieuporządowana takich elementów... ale to tylko moje zdanie... jak dla mnie możesz zrobić w divach...
Link do wypowiedziLink

konto usunięte

Temat: Poradzcie jak to zrobic na divach albo ul

"takich elementow bedzie 3 szt." - zatem będzie to lista nieuporządowana takich elementów... ale to tylko moje zdanie... jak dla mnie możesz zrobić w divach...

ok, byłem ciekaw
Link do wypowiedziLink
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: Poradzcie jak to zrobic na divach albo ul

<ul>
<li>
<hX><a href="link-do-bloga"><img alt="$Nazwa-bloga"/></a></hX>
<p>Opis</p>
<p class="more"><a href="link-do-bloga">Zobacz wpisy na blogu $Nazwa-bloga</a></p>
<div>
<hX+1>Ostatnie wpisy</hX+1>
<ol>
<li>...</li>
</ol>
</div>
</li>
...
</ul>

Z ostylowaniem chyba nie będziesz miał problemu? :)Paweł Piskorz edytował(a) ten post dnia 23.11.08 o godzinie 15:17
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj