+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wypunktowanie listy i float (/thread-wypunktowanie-listy-i-float)
Wypunktowanie listy i float - Cesar - 23-02-2010
Mam 2 problemy :
1.Jak przesunąć wypunktowanie w kształcie strzałek żeby nie wchodziło na txt?
2.Jak ustawić div'a z textem żeby był po prawej stronie obrazka i przylegał. Bo jak daje float: right to jest z prawej ale niżej.
adres: www.pgol.za.pl[/quote]
Kod:
<!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>Strona o mnie</title>
<link rel="stylesheet" href="style_omnie.css" type="text/css">
</head>
<body>
<div id="pojemnik">
<div id="tytul"><h1>Auto<span style="color:red">r</span></h1></div>
<div id="obrazek"><img src="profilowe.jpg" alt="foto" /></div>
<div id="txt">
<ul>
<li>___Imi i nazwisko: Pawe Gol</li>
<li>Wiek : 17</li>
<li>Miejscowoc: Skrobw</li>
<li>Zainteresowania: grafika,fotografia,tworzenie stron WWW,koszykwka</li>
<li>Strona WWW: www.moje_www.ww.pl</li>
</ul>
</div>
</div>
</body>
</html>Kod:
body {
background: #F1F1F1 url(../images/img01.gif) repeat-x left top;
color:#C7C7C7;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
#pojemnik{
text-align:left;
margin:0 auto;
width:800px;
}
#obrazek {
margin:10px;
width:200px;
height:172px;
/*loat:left;*/
}
#txt {
width:590px;
height:400px;
float:right;
}
ul{
line-height:2.0;
list-style:none;
}
ul li{
background:url(li.png) no-repeat;
margin: 1px;
}
#tytul {
border-bottom:#FEFEFE dashed;
}RE: Wypunktowanie listy i float - mike - 23-02-2010
Ad 1. Daj w <li> padding-left:20px powinno wystarczyć;
Ad 2.
#obrazek daj float: left;
#txt float: left;
#txt width: 575px
lub
#obrazek float: left;
#txt margin-left: 200px