ďťż

[CSS] wyrównanie tekstu do prawego marginesu

       

Podstrony


telcocafe

Mam 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 :>

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.