• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

link in box

cyr4x

Neues Mitglied
Hallo,


also ich bekomme es nicht wirklich hin das mein link in meine box passt also
ich habe es mit css: position absoulut; right und left versucht aber es klappt nicht wirklich ich poste einmal dne code bzw das css dazu vll hat ja jemand ne lösung für jemand mit ahnung sicher einfach.


der link askit im content soll in die box Just ask your Question here.

danke :)

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>justaskit.de</title>
        <link rel="stylesheet" type="text/css" href="style.css"/>
    </head>
    <body>
        <div id="page">
            <div id="header">
                <h1>Justaskit.de</h1>
                <img src="apfel.jpg"/> 
            </div>
            <div id="navigation">
                <ul>
                    <li><a href="index.html">Startseite</a></li>
                    <li><a href="archiv.html">AskIt</a></li>
                    <li><a href="ueber-mich.html">Downloads</a></li>
                    <li><a href="extras.html">Partner</a></li>
                    <li><a href="forum.html">Impressum</a></li>
                </ul>
            </div>
            <div id="content">
                <h2>Ask your Question here.</h2>
                <li><a href="http://justaskit.de/tinc?key=skaktoAm">AskIt</a></li>
            </div>
        </div>
    </body>
</html>

Code:
#header
{ width:40%
}

#navigation
{
    width: 50%;
    float: right;
}

#navigation  li
{
    float: left;
    list-style: none;
    margin-right: 20px;
    
}

#content
{
    clear: both;
    border: 1px solid green;
    -moz-border-radius: 5px;
    width: 600px;
    margin-left:400px;
    

}

h1 {float: right;}
img {float: left;}
p {clear: both; width: 35em; margin: 0 auto;}


#content li
{position:absolute; right: 30px;}
 
Werbung:
li muss immer innerhalb ul stehen.
Für einen einzelnen Link brachst du jedoch keine Liste und damit auch kein li.
Von absoluten Positionierungen solltest du absehen, weil die in den meisten Fällen absolut unnötig sind. Besser mit Float- und Margin-Angaben arbeiten.
 
ich habe es auch mit margin versucht aber mein button kommt nicht in meine box sonder entweder links oder rechts danben.
 
Werbung:
Zurück
Oben