[HTML] Links ausrichten?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von nofuture, 3. Januar 2007 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 3. Januar 2007
    Links ausrichten?

    Hi also ich habe ein Problem damit, dass ich ncicht weiß, wie
    ich links im stila von

    <a href="">1</a>
    <a href="">2</a>
    <a href="">3</a>
    <a href="">4</a>
    <a href="">5</a>
    <a href="">6</a>

    richtig auf meiner Site ausrichte. Also sprich ich möchte nicht,
    dass die Links oben Links hinterienander stehen sonder untereinander
    nen freund meinte ich könnte das so machen

    <div style="overflow:auto; position: absolute; width:80; height:200; left:450; top:119; z-index:1">

    aber das hat bei mir net richtig hingehauen
    für hilfe wäre ich dankebar

    lg nofuture


    //edit

    also hier ma der ganze COde, aber nciht übers design lachen ist mein allererstes ^^

    Code:
    <html>
<head>
<title>Zerschlagen und Zensiert</title>
<style>
body { scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #ffffff;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-shadow-color: #ffffff;
 scrollbar-arrow-color: #000000;
 scrollbar-track-color: #ffffff;
 </style>
<style type="text/css">
<!--
a:link { color: #f9154a; cursor:default; text-decoration: none}
a:visited { color: #f9154a; cursor:default; text-decoration: none }
a:active { color: #f9154a; cursor:default; text-decoration: none}
a:hover {color: #f9154a; cursor:default; text-decoration: none}
-->
</style>
b {color:#f9154a;}
i {color:#f9154a;}
u {color:#f9154a;}
<style>
a { color: #f9154a; }
TEXTAREA { Color: #f9154a;
Background-Color:#ffffff;
Font-Family: Verdana;
Font-Size: 7pt;
Border: 1px solid #f9154a;
}
INPUT { Color: #f9154a;
Background-Color: #ffffff;
Font-Family: Verdana;
Font-Size: 7pt;
Border: 2px solid #f9154a;
}
.navi { color: #ffffff; }
</style>
<style type="text/css">
.inhaltetable {
width:1000;
}
</style>
<style type="text/css">
TEXTAREA {
 width: 80; height: 75;}
 -->
</style>

<style type="text/css">
INPUT{
 width: 80; height: 18;}
 -->
</style>
</head>
 
 
<body bgcolor="#ffffff" topmargin="0" leftmargin="0">
<img border="0" src="http://img503.imageshack.us/img503/3499/design1qf4.jpg" scroll="no" bgproperties= "fixed"
ALIGN="left" WIDTH="1280",HEIGHT="1024" STYLE="position:absolute; top:0; left:0;" >
 
<div style="overflow:auto; position: absolute; width:250; height:325; left:470; top:550">
:CONTENT_HIER:
</div>
<div style="overflow:auto; position: absolute; width:80; height:200; left:450; top:119; z-index:1">

<font size=1>
<a href="http://myblog.de/idontcry">Startseite</a>
<br>
<a href="http://myblog.de/idontcry/about">Über...</a>
<br>
<a href="http://myblog.de/idontcry/gb">Gästebuch</a>
<br>
<a href="http://myblog.de/idontcry/contact">Kontakt</a>
<br>
<a href="http://myblog.de/idontcry/archivebymonth">Archiv</a>
<br>
<a href="http://myblog.de/idontcry/abo">Abonnieren</a>
<br>
<a href="http://myblog.de/idontcry/rss"><img border="0" src="{IMG_RSS}"></a>
<br>
</font>
</div>
</body>
{PLACE_POWEREDBY}
</html>

    und der code is auch nicht kompeltt von mir sonderb aus ienem tutorial ^^
     
  3. 3. Januar 2007
    AW: Links ausrichten?

    janz einfach:

    <a href="">1</a><br />
    <a href="">2</a><br />
    <a href="">3</a><br />
    <a href="">4</a><br />
    <a href="">5</a><br />
    <a href="">6</a>

    Das "< /br>" steht für ein Zeilenumbruch. Jetzt würde das ganze so aussehen:

    1
    2
    3
    4
    5
    6

    Noch was: du solltest, wenn du einen Tag aufmachst wie <a href=""> es auch wieder zu machen mit </a> ^^

    Gruß
     
  4. 3. Januar 2007
    AW: Links ausrichten?

    das mit dem br klappt leider nicht, dass hab ich auch schon ausprobiert, aber danke für die hilfe
    edit und das mitm zumachen hab ich beim schnellen tippen ganz vergessen ^^
     
  5. 3. Januar 2007
    AW: Links ausrichten?

    lern css
     
  6. 3. Januar 2007
    AW: Links ausrichten?

    Notfalls geht es auch mit <div align=""></div>

     
  7. 3. Januar 2007
    AW: Links ausrichten?

    und div = bestandteil von css...
     
  8. 3. Januar 2007
    AW: Links ausrichten?

    also div ist immer noch html die formatierung macht man dann meistens über css, deswegen gehören die div-tags aber immer noch nicht zu css, genauso wenig wie body, wenn ich dafür ein attribut über css festlege.
    b2t: kopier mal den ganzen code der seite rein, kann nicht sein, dass <br /> net geht. und jedesmal n layer dafür aufzumachen ist eig auch quatsch
     
  9. 3. Januar 2007
    AW: Links ausrichten?

    ok mach ich is aber nen blog layout, deshalb sind da einigeteile des codes merkwürdig blah und blub ich machs einfach mal
     
  10. 4. Januar 2007
    AW: Links ausrichten?

    HTML:
    <style [...]>
<!--
p {margin: 2px;} /*minimum 1px */
-->
</style>

<p><a href="dfrrsdwer.de">Link1</a></p>
<p><a href="dfrrsdwer.de">Link2</a></p>
[...]
<p><a href="dfrrsdwer.de">Link10</a></p>
    oder wenn das <p>tag schon formatiert is so:

    HTML:
    <style [...]>
<!--
.neues_p_lol div {margin: 0px;} /* muss so bleiben sonst machts für das div noch ne extra zeile */
.neues_p_lol p {margin: 2px;} /*minimum 1px */
-->
</style>

<div class="neues_p_lol"><p><a href="dfrrsdwer.de">Link1</a></p></div>
[...]
     
  11. 7. Januar 2007
    AW: Links ausrichten?

    herbegeil hat geklappt danke, nur wie krieg ich das jetzt auch dahin wo ich den platz für die navi leiste geschafft hab ?
     
  12. 9. Januar 2007
    AW: Links ausrichten?

    nur eine kleine anregung.. warum lauter <br />?
    Mach doch einfach ne schöne Liste. Diese kannst du dann auch Konfortabel mit CSS anpassen

    HTML:
    <ul>
<li><a href="#">TEXT1</a></li>
<li><a href="#">TEXT2</a></li>
<li><a href="#">TEXT3</a></li>
</ul>
     
  13. 13. Januar 2007
    AW: Links ausrichten?

    nur wie bekomm ich jetzt die gottverdammten links nach links unten ?
     
  14. 13. Januar 2007
    AW: Links ausrichten?

    mach mal ein bild wie es jetzt is und eines wie es sein soll, dann kann man dich mehr verstehen
     
  15. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.