1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

<hr>

  • 11. Juli 2007 um 22:18
  • Gast
    • 11. Juli 2007 um 22:18
    • #1

    Kann mit bitte jemand helfen

    Wenn man <hr> macht dann mach das eine abgrenzung

    Wie eght das wenn sie nur bis zur Hälfte geheh soll ?

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 11. Juli 2007 um 22:28
    • #2
    Code
    <hr style="width:50%;" align="left">

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • El
    Gast
    • 12. Juli 2007 um 22:29
    • #3

    Morgen! :D
    Wollt keinen neues thema anfangen wegen folgenden:
    Wie mach ich bei den links in meiner Navi ähm....
    das so platz zwischen den links is
    also nicht so LinkLinkLink
    sondern Link Link Link
    passt hier glaub ich net ganz rein...aber egal :wink:

  • jojo87
    der/die Göttliche
    Reaktionen
    6
    Beiträge
    3.131
    • 12. Juli 2007 um 22:36
    • #4

    pack deine links in ein div und gib dem div ne id.
    Dann in der css:

    Code
    #dein_div {
    padding: 0 5px;
    }

    Gruß
    Jojo


  • El
    Gast
    • 12. Juli 2007 um 22:59
    • #5
    Code
    <div style="position: absolute; top: 240px; left: 400px; width: 500px"> 
    [url='#']CD's[/url]
    [url='#']Distribution[/url]
    [url='#']Labels[/url] 
    </div>

    okay irgendwie klappt des net ganz....
    da is also der eigentliche code den ich hab

  • Elvis
    Kaiser(in)
    Beiträge
    2.536
    • 12. Juli 2007 um 23:06
    • #6

    @jojo
    Er will Platz zwischen den Links und nicht rechts und links der Navi....

    Also einfach ein Leerzeichen benutzen oder halt auch "Link 1 | Link 2". Bei größeren Abständen löst man das Problem nicht über eine Aneinanderreihung von , sondern durch

    Code
    a { 
    padding: 0 5px; 
    }

    Bitte nicht klicken!
    Fighting for Webstandards!
    Du bist Terrorist

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 13. Juli 2007 um 07:49
    • #7

    allerdings wird padding im ff und im ie immer unterschiedlich interpretiert,
    deshalb hab ich z.b. immer skrupel davor sowas anzuwenden....

    alternative wäre mit ner tabelle

    Code
    <table><tr>
    <td>[url='']link 1[/url]</td>
    <td>[url='']link 2[/url]</td>
    <td>[url='']link 3[/url]</td>
    <td>[url='']link 4[/url]</td>
    </tr></table>

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Elvis
    Kaiser(in)
    Beiträge
    2.536
    • 13. Juli 2007 um 08:29
    • #8

    Eine Tabelle ist keine Alternative, weil man auch dort Abstände mit padding definieren müsste. Ich dachte von dem Quatsch wärst Du inzwischen ab driver. :mrgreen: Wenn man eine Navigation irgendwo rein packt, dann in eine Liste (ul/li), was bei einer waagerechten Navigation mMn nicht zwingend notwendig ist.

    Bitte nicht klicken!
    Fighting for Webstandards!
    Du bist Terrorist

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 13. Juli 2007 um 08:42
    • #9

    erstell meine menüs auch mittlerweile fast nur noch mit uls, von daher
    bin ich schon von den tabellen weg, keine sorge...

    sollte nur ne alternative sein, da er mit ner tabelle die feldgröße dann
    selbst bestimmen kann - hab ja nicht gesagt das es ne bessere lösung
    wäre....

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 13. Juli 2007 um 08:45
    • #10

    Mensch Leute, macht doch gleich ein ordentliches Listenmenue, so wie es sich mit CSS gehört. Hier mal ein Beispiel:

    CSS:

    Code
    ul
    {
     list-style-type:none;
     margin:0px;
     padding:0px;
     font-family: Verdana;
     font-size: 1em;
    }
    
    
    li
    {
    display:inline;
    margin-left: 5px; 
    }
    
    
    a:link, a:visited
    {
    padding: 3px 10px;
    line-height:2em;
    color:#00008b;
    font-weight:bold;
    text-decoration:none;
    background-color:#FFA500;
    }
    
    
    a:hover
    {
    color:#00008b;
    text-decoration:none;
    background-color:#CDC8B1;
    font-weight:bold;
    }
    Alles anzeigen

    Der Abstand zwischen den Links wird mit dem Wert von margin-left: 5px; bei "li" gesteuert.

    HTML:

    Code
    <ul>
    [*][url='#']Link 1[/url]
    [*][url='#']Link 2[/url]
    [*][url='#']Link 3[/url]
    [/list]


    Raute durch Referenzadresse ersetzen.

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Elvis
    Kaiser(in)
    Beiträge
    2.536
    • 13. Juli 2007 um 08:53
    • #11
    Zitat von driver

    sollte nur ne alternative sein, da er mit ner tabelle die feldgröße dann selbst bestimmen kann

    Code
    a { 
    width: 50px; 
    }

    Dafür braucht man aber keine Tabelle. :wink: Oder sejuma?

    Bitte nicht klicken!
    Fighting for Webstandards!
    Du bist Terrorist

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 13. Juli 2007 um 08:54
    • #12

    ja ok, geb mich geschlagen :|

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Elvis
    Kaiser(in)
    Beiträge
    2.536
    • 13. Juli 2007 um 08:58
    • #13

    Geht doch nicht ums gewinnen, sondern ums gemeinsam lernen. :wink:

    Ich hab doch von vielen Sachen auch nur eine theoretische Ahnung. Aber trotzdem schmeiß ich sie auf den Markt als Wissen. :mrgreen:

    Bitte nicht klicken!
    Fighting for Webstandards!
    Du bist Terrorist

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 13. Juli 2007 um 09:05
    • #14

    eben, deshalb hab ich eine alternative gebracht.
    ob du jetzt padding-abstände in ul oder table definierst,
    schreibaufwand is weder mehr noch weniger....

    ne table funkt hier genauso wie ne liste. und das ja
    ansich nicht direkt zum layout gehört find ich die möglichkeit
    auch aus programmiertechnischer hinsicht vertretbar.

    wie gesagt, es is ne alternative, sie ist nicht unbedingt
    besser, funkt aber genauso....


    edit: muss mal kurz wegschicken das ich die ganze zeit
    an ein horizontales menü gedacht habe....
    vertikal wärs vermutlich überflüssig...

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 13. Juli 2007 um 09:10
    • #15
    Zitat von Elvis
    Code
    a { 
    width: 50px; 
    }

    Dafür braucht man aber keine Tabelle. :wink: Oder sejuma?

    Nee, dafür brauchste keine Tabelle, Elvis. Nützt in diesem Fall jedoch überhaupt nichts! :mrgreen:

    a ist ein Inline-Element. Deshalb hat die Breitenangabe erst dann eine Wirkung, wenn du noch ein "display: block;" hinzufügst. Das führt aber wiederum dazu, dass die Links untereinander und nicht nebeneinander dargestellt werden.
    Verwendest du noch eine Hintergrundfarbe, stehen die Links trotzdem dicht beieinander, da sich selbst bei deinem vorherigen padding-Vorschlag dieser auf den Innenabstand bezieht. Ganz so einfach isses also doch nicht. :cry:

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Elvis
    Kaiser(in)
    Beiträge
    2.536
    • 13. Juli 2007 um 09:55
    • #16
    Zitat von sejuma

    Nee, dafür brauchste keine Tabelle, Elvis. Nützt in diesem Fall jedoch überhaupt nichts! :mrgreen:


    Wusste ich doch dass ich hier noch was lernen kann. :mrgreen:

    Bitte nicht klicken!
    Fighting for Webstandards!
    Du bist Terrorist

Tags

  • ie
  • link
  • links
  • style
  • direkt
  • layout
  • code
  • tabelle
  • navi
  • thema
  • div
  • position
  • tabellen
  • liste
  • cd
  • absolute
  • css
  • table
  • px
  • width
  • left
  • align
  • avi
  • padding
  • distribution

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™