ďťż
Podstrony
|
telcocafeMam stronkę na divach i próbuję zrobić tak, aby tekst będący w jednej linii był wyrównany do lewego i prawego marginesu. Zależy mi aby nie stosować o zgrozo znaczników Przykład: (tam gdzie kropki ma być przerwa, to taka imitacja wyrównania)Tekst1 ..................................................... ::link1 ::link2 ::link3 ::link4 Oto kody: CSS: <!-- a:link { color: #E0FFFF; text-decoration: none; background-color: none; font-size: 11; font-family: Arial, Verdana; } a:visited { color: #E0FFFF; text-decoration: none; background-color: none; font-size: 11; font-family: Arial, Verdana; } a:hover { color: #E0FFFF; text-decoration: underline; background-color: none; font-size: 11; font-family: Arial, Verdana; } a:active { color: #E0FFFF; text-decoration: none; background-color: none; font-size: 11; font-family: Arial, Verdana; } BODY { background-image: url(tape.jpg) } .menu { background-image:url(other.jpg); background-position:center; float:none; width:68%; height:25px; text-indent:4px; border-bottom:none; overflow:auto; } .main { background-image:url(main.jpg); background-position:center; float:none; width:68%; height:75%; text-align:left; text-indent:4px; border-bottom:none; overflow:auto; } .mackowiak { font-size:12px; text-align:left; font-family: Verdana, Arial; font-weight:bold; float:left; margin-left:25px; margin-top:3px; } .menu2 { text-align:right; font-size:11px; font-weight:bold; margin-right:25px; margin-top:3px; } --> Html <center> <div class="menu"> <span class="mackowiak">Tekst1</span> <a href="index.php"><span class="menu2">:: link1</span></a> <a href="offert.php"><span class="menu2">:: link2</span></a> <a href="projects.php"><span class="menu2">:: link3</span></a> <a href="contact.php"><span class="menu2">:: link4</span></a> </div> <div class="main"> Witam :) </div> </center> Użytkownik sauron edytował ten post 19 lipiec 2006, 14:41 <div style="text-align:left">BLABLABLA</div> <div style="float:left; margin-left:10px;>BLABLABLA</div> edit -> <div style="float:left; margin-left:10px;">Tekst1</div> <div style="float:left; margin-left:90px;">::link1 ::link2 ::link3</div> Wygenerowano powyższym kodem O to chodziło ? Użytkownik orglee edytował ten post 19 lipiec 2006, 14:59 dużo błędów css jest po to ,między innymi, aby zmniejszyć transfer w sieci... <!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=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body{ width:750px; display:block; margin:auto; } .linki{ float:right; } .linki a { background:#CC0000; padding:2px; color:#FFFFFF; } .linki a:hover{ background: #00FF00; } --> </style> </head> <body> <div class="linki"> <a href="#">link 1</a> <a href="#">link 2</a> <a href="#">link 3</a> <a href="#">link 4</a> <a href="#">link 5</a> </div> </body> </html> (...) O to chodziło ? Nie. Chodzi o to, żeby Tekst1 był równo z lewą krawędzią, a linki były równo z prawą krawędzią strony. Te wszytkie napisy powinny być w tej samej linii. Użytkownik sauron edytował ten post 19 lipiec 2006, 15:12 <div style="float:left;">Tekst1</div> <div style="float:right;">::link1 ::link2 ::link3</div> Wygenerowano powyższym kodem2 O to chodziło ? Użytkownik orglee edytował ten post 19 lipiec 2006, 15:12 <div style="float:left;">Tekst1</div> <div style="float:right;">::link1 ::link2 ::link3</div> Wygenerowano powyższym kodem2 O to chodziło ? Tak o to chodziło :) Jeszcze jedno pytanko. Jak dam float:right to "treść" się odwraca. Przykład: http://img205.images.../1112/aasl9.jpg , a powinno być w odrwotnej kolejności: link1 link2 .... down Coldpeer@ Z FF ;) Użytkownik sauron edytował ten post 19 lipiec 2006, 15:21 Hmm... Dziwne. Z jakiej przeglądarki korzystasz? IE? Może daj: <div style="position: relative"> <div style="float:left;">Tekst1</div> <div style="float:right;">::link1 ::link2 ::link3</div> </div> ? Obejmij swoje menu Divami bo podejżewam że dodałeś float:right;, do klasy menu2 i dlatego ci się pomieszały linki. ( czyli zmieniły kolejność ) <div style="float:right"> <a href="index.php"><span class="menu2">:: Portfolio</span></a> <a href="offert.php"><span class="menu2">:: Oferta</span></a> <a href="projects.php"><span class="menu2">:: Projekty</span></a> <a href="contact.php"><span class="menu2">:: Kontakt</span></a> </div> Użytkownik orglee edytował ten post 19 lipiec 2006, 15:21 lol :D daj: <div style="float:right;">Tekst1</div> <div style="float:left;">::link1 ::link2 ::link3</div> @orglee pisałem jużkiedyś o tym, że do robienia menu najlepszym elementem jest lista nieuporządkowana :) Użytkownik Bełdzio edytował ten post 19 lipiec 2006, 15:22 Beldzio@ Ale to kompletnie odwraca tekst. http://img107.images.../4695/aady8.jpg Chcę aby było odwrotnie, tzn. linki po prawej, tekścik po lewej. Użytkownik sauron edytował ten post 19 lipiec 2006, 15:26 no to przecież jak masz : <div style="float:left;">Tekst1</div> <div style="float:right;">::link1 ::link2 ::link3</div> to tak jest :> |
|||
Sitedesign by AltusUmbrae. |