Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 18

Thema: Links in html und css definieren

  1. #1
    Unregistriert
    Gast

    Lächeln Links in html und css definieren

    Hallo und Entschuldigung im voraus, da diese Frage bestimmt schon mal beantwortet wurde. Nur leider finde ich Sie im Moment nicht. Ich habe mich erst seit ein paar Stunden mit html und css beschäftigt, und stoße nun auf eine Frage. Ich habe in html folgende Links gesetzt:

    <a href="http://www.clarus.de/">Clarus</a>
    <a href="http://www.clarus.de/">Service</a>

    in der css datei habe ich folgendes gesetzt:

    a {
    position:absolute;
    top: 293px;
    left: 310px;
    font-family: "Futura Md", serif;
    font-size: 12px
    }

    Logischerweise sind nun beide Links übereinander. Der erste hat die richtige Position. Der Zweite muss an eine andere Stelle auf der Seite. Wie kann ich dieses hinbekommen?Vielen Dank für eure Hilfe!

    Florian
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Links in html und css definieren

    indem du position:absolute wechlässt... damit sollte man arbeiten, wenn mans kann!
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Unregistriert
    Gast

    Standard AW: Links in html und css definieren

    und anstelle dessen kann ich was nehmen?

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Links in html und css definieren

    mmmh also ich würde die links mit einem container umgeben und dann nen style zuweisen und den conatiner positionieren.
    ich benutze jetzt mal deine werte aber du musst halt mal testen was dann passt
    das hier als style:
    HTML-Code:
    #linkcontainer{
    margin-top:293px;
    margin-left: 310px;
    }
    
    #linkcontainer a{
    margin-right:15px;
    }
    HTML-Code:
    <div id="linkcontainer">
    <a href="'">link1</a>
    <a href="'">link2</a>
    </div>
    das is jetzt halt nur ein ungetestes beispiel.... du brauchst für die richtige interpretation des boxmodells noch nen qualifizierten doctype.
    margin ist der aussenabstand zum nächsten objekt...
    http://css4you.de wird dir die notwendigen infos bringen.
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Links in html und css definieren

    Für eine Navi verwendet man sinnvollerweise eine Listenform.
    Die Liste ul kann man dann mit margin- oder float-Angaben positionieren.
    Absolute Positionierung ist hingegen meist nicht erforderlich und auch nicht empfehlenswert.
    Sieh dir mal hier einige Beispiele an:
    http://css.maxdesign.com.au/listamatic/

  6. #6
    Unregistriert
    Gast

    Standard AW: Links in html und css definieren

    Vielen Danke für eure Infos..Das hat mir schon mal sehr weitergeholfen..Danke

  7. #7
    Unregistriert
    Gast

    Standard AW: Links in html und css definieren

    Trotzdem noch eine zweite Frage..

    die Link-Liste funktioniert. Habe nur jetzt folgendes Problem. Wenn ich die Liste an seinen Bestimmungsort stelle, schiebt sich die Liste hinter das Layout..Wisst ihr Rat?

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Links in html und css definieren

    schick mal nen link oder poste den enstprechenden code inklusive style
    (am besten mit den bb-code-tags - die schaltfläche mit "<>" )
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Unregistriert
    Gast

    Standard AW: Links in html und css definieren

    Das ist der html code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html lang="de">
    <head>
    <title>Versicherungsmakler für Osnabrück, Versicherung und Finanzberatung</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Style-Type" content="text/css;">
    <link rel="stylesheet" href="album1_g.css" type="text/css" media="screen,projection,print"> <!--// Document Style //-->
    <link rel="stylesheet" href="index_p.css" type="text/css" media="screen,projection,print"> <!--// Page Style //-->
    </head>


    <body id="page">
    <span id="e1"></span>
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Private & gewerbliche Produkte</a></li>
    <li><a href="#">Konzeptanalyse</a></li>
    <li><a href="#">Über ImmerGutVersichert.de</a></li>
    <li><a href="#">Service</a></li>
    <li><a href="http://www.clarus.de">Clarus</a></li>
    </ul>
    </div>

    <a href="navi" href="http://www.clarus.de/">Clarus</a>
    </body>
    </html>

    und der css code:

    * { /* All Elements */
    margin : 0px;
    padding : 0px;
    }
    #navlist
    {
    padding-left: 0;
    margin-left: 0;
    width: 200px;
    margin: 160px 40px 10px 70px;
    }

    #navlist li
    {
    list-style: none;
    margin: 100;
    padding: 4px;
    }

    #navlist li a { text-decoration: none; }
    a:link { /* Document Links */
    color : #555454;
    }
    a:visited { /* Visited Links */
    color : #555454;
    }
    a:hover { /* Hover Links */
    letter-spacing: 5px;
    font-weight:bold;
    color : #6fb127;
    }
    a:active { /* Active Links */
    color : #FF0000;
    }
    ol,ul { /* All Lists */
    margin : 1em;
    padding-left : 2em;
    }
    p { /* All Paragraphs */
    margin-bottom : 1em;
    }
    .address {
    color : #000000;
    font : italic 10pt 'Verdana', 'Lucida Grande', Arial, sans-serif;
    }
    .citation {
    color : #000000;
    font : italic 12pt 'Verdana', 'Lucida Grande', Arial, sans-serif;
    }
    .code {
    color : #000080;
    font : 12pt 'Courier New', monospace;
    }
    .emphasis {
    color : #000000;
    font : italic 12pt 'Verdana', 'Lucida Grande', Arial, sans-serif;
    }
    .heading1 {
    color : #000000;
    font : bold 24pt 'Arial', Helvetica, sans-serif;
    }
    .heading2 {
    color : #000000;
    font : bold 20pt 'Arial', Helvetica, sans-serif;
    }
    .heading3 {
    color : #000000;
    font : 18pt 'Arial', Helvetica, sans-serif;
    }
    .heading4 {
    color : #000000;
    font : italic 16pt 'Arial', Helvetica, sans-serif;
    }
    .heading5 {
    color : #000000;
    font : 14pt 'Arial', Helvetica, sans-serif;
    }
    .heading6 {
    color : #000000;
    font : 12pt 'Arial', Helvetica, sans-serif;
    }
    .small {
    color : #000080;
    font : 8pt 'Verdana', 'Lucida Grande', Arial, sans-serif;
    }



    /*--- EndOfFile ---*/

    Hoffe das hilft...

  10. #10
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Links in html und css definieren

    Was verstehst du unter "an seinen Bestimmungsort stelle"?
    Bei mir wird die Liste angezeigt.
    Unschön ist lediglich der Hover-Effekt mit der Sperrschrift. Da "springen" die Links zu stark.

Ähnliche Themen

  1. wie kann man links mit id="" definieren?
    Von dieRaute im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 27.08.2008, 22:29
  2. Bildelemente in Tabelle als Links definieren...
    Von Lobo im Forum HTML & CSS Forum
    Antworten: 23
    Letzter Beitrag: 22.08.2007, 11:15
  3. PHP-, HTML- und CSS-Links
    Von K.C. im Forum Link Tipps
    Antworten: 0
    Letzter Beitrag: 12.11.2006, 20:31
  4. HTML Seitengröße fest definieren
    Von im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 14.03.2006, 09:06
  5. CSS - Links definieren
    Von tom-heiss im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.05.2005, 14:04

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •