Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 25

Thema: Html,Css Frage (wiedereinmal von mir)

  1. #1
    Meister(in)
    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Html,Css Frage (wiedereinmal von mir)

    Moin,MOinY!
    Ich habe ein paar Fragen zu CSS und HTML !
    Ich arbeite nämlcih grad an einem anderen Projekt (überarbeitung meiner Seite)
    Erstmal der Code:
    Code:
    <html>
    <head>
    <title>Projekt_Aplpha</title>
    <style type="text/css">
    div
    &#123;
    font-size&#58;12px;font-family&#58;Verdana;
    position&#58;absolute;width&#58;100px;height&#58;200px;
    background-color&#58;#EEEEDD;
    &#125;
    .div1
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;70px;
    width&#58;700px;height&#58;100px;
    -moz-border-radius&#58;10px;
    &#125;
    
    .div2
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;170px;
    width&#58;700px;height&#58;340px;
    -moz-border-radius&#58;10px;
    &#125;
    #navcontainer ul
    &#123;
    list-style-type&#58; none;
    text-align&#58; left;
    &#125;
    
    #navcontainer ul li a
    &#123;
    background&#58; transparent url&#40;images/list-off.gif&#41; left center no-repeat;
    padding-left&#58; 15px;
    text-align&#58; left;
    font&#58; normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    text-decoration&#58; none;
    color&#58; #999;
    &#125;
    
    #navcontainer ul li a&#58;hover
    &#123;
    background&#58; transparent url&#40;images/list-on.gif&#41; left center no-repeat;
    color&#58; black;
    &#125;
    
    #navcontainer ul li a#current
    &#123;
    background&#58; transparent url&#40;images/list-active.gif&#41; left center no-repeat;
    color&#58; #666;
    &#125;
    </style>
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <center>
    <div class="div1"><center>Hier ist der Banner bereich !</center></div>
    <div class="div2">
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active">Item one[*]Item two[*]Item three[*]Item four[*]Item five[/list]
    </div>
    </center>
    </body>
    </html>



    Und jetzt zu den Fragen :

    1.Wie kann ich den Fehler beheben das die Items so abgestuft angezeigt werden?
    2.Wie schaffe ich es das mein Menü (die Items) Links und rechts sind und meine Info , Text und soo in der Mitte ist !?
    3.Ich möchte gerne dort wo es weiß ist - der Rand - Ein gitter Hinterdrund haben
    oder ein anderes SCHLICHTES Hintergrund bild: Kann man so was mit CSS gestalten???Ich habds mal probiert ein Hintergrundbild in meine Page zu laden aber dann läuft alles schief und ich finde kein PASSENDES Bild dafür!?
    4.Warum werden VOR den Items keine Punkte gesetzt obwohl das in den CSS mit drinne steht !
    5.Wie kann ich Das Menü "unterteilen" also ungefähr so:


    Life (nicht anklickbar)------------------------------------Service(nicht anklickbar)
    Über mich (anklickbar)-----------------------------------HTML,CSS(anklickbar)
    Freunde (anklickbar)--------------------------------------PHP(anklickbar)
    Tiere(anklickbar)------------------------------------------Sonstiges(Nicht anklickbar)
    Links(nicht anklickbar)------------------------------------........
    Lusitge Links(anklickbar------------------------------------.......)
    Links von Freunden(anklickbar)




    Halt so in der Art !
    Höffe ich wisst was ich meine !





    Danke und.......ihr seid klasse *schleim *





    MFG Martin

    Edit: Ich habe mir überlegt ich möchte lieber den Hintergrund so lassen dafür aber an den Beiden Ecken des Banner bereiches 2 Fotos die soo quergestellt sind warte ich zeig euch ne Seite wie ich dass meine:also so ähnlich wie der Hund das is nur ca. 30 grad gedreht :http://maik-h.de/home/
    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 !!!!!
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

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

    Standard

    1. 4.
    Code:
    #navcontainer ul
    &#123;
    list-style-type&#58;circle; 
    text-align&#58; left;
    margin-left&#58;0;
    float&#58;left;
    &#125;
    2. Daneben zwei weitere Container setzen:
    Code:
    <div style="width&#58;400px; margin-left&#58;150px;">Inhalt</div>
    <div style="width&#58;150px; margin-left&#58;550px;">Rechtsmenue</div>

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Vielen Dank !
    Jetzt fehlt nur noch :
    Wie kann ich Bilder oben links in die ecke setzen und so ca.30 drehen ?

    und:

    Wie kann ich mein Menü unterteilen??
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

  4. #4
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    häää also ich habe jetzt mal versucht das Menü links zu setzen aber es klappt nicht !
    1.es ist immer noch zu weit mittig und 2. Die Items sind wieder gerutscht obwohl ich es im CSS geändert hab !
    Seeeyah Code
    Code:
    <html>
    <head>
    <title>Projekt_Aplpha</title>
    <style type="text/css">
    .rot
    &#123;
    
     font-family&#58; Verdana, Arial, Helvetica, sans-serif;
    &#125;
    
    div
    &#123;
    font-size&#58;12px;font-family&#58;Verdana;
    position&#58;absolute;width&#58;100px;height&#58;200px;
    background-color&#58;#EEEEDD;
    &#125;
    .div1
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;70px;
    width&#58;700px;height&#58;100px;
    -moz-border-radius&#58;10px;
    &#125;
    
    .div2
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;170px;
    width&#58;700px;height&#58;340px;
    -moz-border-radius&#58;10px;
    &#125;
    #navcontainer ul
    &#123;
    list-style-type&#58;circle;
    margin-left&#58;0;
    float&#58;left;
    list-style-type&#58; none;
    text-align&#58; left;
    &#125;
    
    #navcontainer ul li a
    &#123;
    background&#58; transparent url&#40;images/list-off.gif&#41; left center no-repeat;
    padding-left&#58; 15px;
    text-align&#58; left;
    font&#58; normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    text-decoration&#58; none;
    color&#58; #999;
    &#125;
    
    #navcontainer ul li a&#58;hover
    &#123;
    background&#58; transparent url&#40;images/list-on.gif&#41; left center no-repeat;
    color&#58; black;
    &#125;
    
    #navcontainer ul li a#current
    &#123;
    background&#58; transparent url&#40;images/list-active.gif&#41; left center no-repeat;
    color&#58; #666;
    &#125;
    </style>
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <center>
    <div class="div1"><center>[img]Banner_Projekt_Alpha.jpg[/img]</center></div>
    <div class="div2">
    <div style="width&#58;400px; margin-left&#58;150px;"><div id="navcontainer">
    <ul id="navlist">
    Life
    <li id="active">>>Ü[*]>>Item two[*]>>Item three[*]>>Item four[*]>>Item five</div>
    
    
    
    <p class="rot" >Beispiel Text</p>
    
    Counter&#58;
    [img]http&#58;//www.directcounter.de/dc/?uid=926582251[/img]
    [/list]
    </div>
    </center>
    </body>
    </html>

    Danke MArtin
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

  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

    zu 1.
    Abgerundete Ecken interpretiert noch nicht jeder Browser. Entweder verzichtest du darauf und nimmst einen normalen Rahmen oder du bastelst dir eine pixelgenaue Hintergrundgrafik.

    Zu 2.
    Einfach die vorhandene Navi kopieren, ins Rechtsmenue einfügen und die überflüssigen Links löschen.

  6. #6
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ohhh lol das geht ja grad rishctisch schief !Kann st du mir mal den richtigen Code geben ???
    zu1.Ich habe die runden ecken weggemacht und trotzdem ist das Menü links zu mittig(das menü links hab ich jetzt aber weggemacht!) und zu 2.Das klappt garnicht !
    Der Code sieht jetzt soo aus:
    Code:
    <html>
    <head>
    <title>Projekt_Aplpha</title>
    <style type="text/css">
    .rot
    &#123;
    
     font-family&#58; Verdana, Arial, Helvetica, sans-serif;
    &#125;
    
    div
    &#123;
    font-size&#58;12px;font-family&#58;Verdana;
    position&#58;absolute;width&#58;100px;height&#58;200px;
    background-color&#58;#EEEEDD;
    &#125;
    .div1
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;70px;
    width&#58;700px;height&#58;100px;
    
    &#125;
    
    .div2
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;170px;
    width&#58;700px;height&#58;340px;
    
    &#125;
    #navcontainer ul
    &#123;
    list-style-type&#58;circle;
    margin-left&#58;0;
    float&#58;left;
    list-style-type&#58; none;
    text-align&#58; left;
    &#125;
    
    #navcontainer ul li a
    &#123;
    background&#58; transparent url&#40;images/list-off.gif&#41; left center no-repeat;
    padding-left&#58; 15px;
    text-align&#58; left;
    font&#58; normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    text-decoration&#58; none;
    color&#58; #999;
    &#125;
    
    #navcontainer ul li a&#58;hover
    &#123;
    background&#58; transparent url&#40;images/list-on.gif&#41; left center no-repeat;
    color&#58; black;
    &#125;
    
    #navcontainer ul li a#current
    &#123;
    background&#58; transparent url&#40;images/list-active.gif&#41; left center no-repeat;
    color&#58; #666;
    &#125;
    </style>
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <center>
    <div class="div1"><center>[img]Banner_Projekt_Alpha.jpg[/img]</center></div>
    <div class="div2">
    
    
    <div style="width&#58;150px; margin-left&#58;550px;">Life
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active">>>Ü[*]>>Item two[*]>>Item three[*]>>Item four[*]>>Item five</div>
    
    
    
    <p class="rot" >Beispiel Text</p>
    
    Counter&#58;
    [img]http&#58;//www.directcounter.de/dc/?uid=926582251[/img]
    [/list]
    </div>
    </center>
    </body>

    Was ist falsch !?
    Und wie kann ich "wenn "das endlich klappt (Menü links und rechts) den Info text schreiben so dass er mittig ist??Brauch ich dazu einen spezi befehl??
    Und wie sieht das jetzt mit den "oberbegriffen" im Menü aus?


    Achja und danke das du dich so nett um mich kümmerst :P
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

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

    Standard

    Das hängt daran, dass du jetzt die linke Navi weggelassen hast. Da passen dann die Abstände nicht mehr.
    Dein Code ist ohnehin etwas unübersichtlich.
    Versuch deshalb mal nach folgendem Muster einen kompletten Neuaufbau, damit du auch später noch durchblickst:
    http://www.stichpunkt.de/css/4-box.html

  8. #8
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    soooo soll die Page aber garnicht ausshen (vom Grundbau her)!
    Kannst du mir nicht einfach den richtigen Code geben ??
    Ich behalte schon die Übersicht !Aber wenn ich das 2. Menü Einfüge dann klappt das nicht dann stimmen die abstädne nicht !Bitte sag mir einfach den Code und wie ich im Menü "oberbegriffe "machen kann!



    Danke
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

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

    Standard

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Projekt_Aplpha</title>
    <style type="text/css">
    div
    &#123;
    font-size&#58;12px;font-family&#58;Verdana;
    position&#58;absolute;width&#58;100px;height&#58;200px;
    background-color&#58;#EEEEDD;
    &#125;
    .div1
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;70px;
    width&#58;700px;height&#58;100px;
    -moz-border-radius&#58;10px;
    &#125;
    
    .div2
    &#123;
    border&#58;1px solid #aaaaaa;
    left&#58;150px;top&#58;170px;
    width&#58;700px;height&#58;340px;
    -moz-border-radius&#58;10px;
    &#125;
    #navcontainer ul
    &#123;
    width&#58;150px;
    list-style-type&#58;circle;
    text-align&#58; left;
    margin-left&#58;0;
    float&#58;left;
    &#125;
    
    #navcontainer ul li a
    &#123;
    background&#58; transparent url&#40;images/list-off.gif&#41; left center no-repeat;
    padding-left&#58; 15px;
    text-align&#58; left;
    font&#58; normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    text-decoration&#58; none;
    color&#58; #999;
    &#125;
    
    #navcontainer ul li a&#58;hover
    &#123;
    background&#58; transparent url&#40;images/list-on.gif&#41; left center no-repeat;
    color&#58; black;
    &#125;
    
    #navcontainer ul li a#current
    &#123;
    background&#58; transparent url&#40;images/list-active.gif&#41; left center no-repeat;
    color&#58; #666;
    &#125;
    
    #mitte
    &#123;
    width&#58;398px;
    margin-left&#58;150px;
    float&#58;left;
    &#125;
    #rechts
    &#123;
    width&#58;100px;
    margin-left&#58;550px;
    &#125;
    </style>
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    
    <div class="div1"><center>Hier ist der Banner bereich !</center></div>
    <div class="div2">
    <div id="navcontainer">
    <ul id="navlist">
    links
    <li id="active">Item one[*]Item two[*]Item three[*]Item four[*]Item five[/list]
    </div>
    <div id="mitte">mitte</div>
    <div id="rechts">
    <div id="navcontainer">
    <ul id="navlist">rechts
    <li id="active">Item one[*]Item two[*]Item three
    
    Oberbegriff[*]Item four[*]Item five[/list]
    </div>
    </div>
    </div>
    </body>
    </html>
    Was Abstände betrifft musst du dich mal mit padding und margin auseinandersetzen.

  10. #10
    Meister(in)
    Themenstarter

    Registriert seit
    07.04.2007
    Ort
    Das Ewige Nichts...
    Beiträge
    325
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Booooah krass danke was du dir fürn Aufwand machst !!!
    Gooil stelle ich gleich mal online !
    Hab nur wieder ein paar Fragen

    Hab mich schon etwas (ein paar tuts)mit Css auseinandergesetzt doch leider noch keinen Code gefunden für mein Problem:

    Ich möchte gerne das wenn ich ein bisschen mehr Text habe alles verlängert wird !
    Also der Mitte bereich wird größer und die Menü seiten !!!!
    http://www.web-banana.net
    ^^geht mal bitte drauf und registriert euch °_°!
    My sItE: Freakmartin.dl.am
    .~'*FH1-Style User*'~..~'*Gimp-User*'~..~'*Forum-hilfe-User*'~..~'*ICQ-User*'~..~'*Tutorial-User*'~.

Ähnliche Themen

  1. Frage zu HTML Formular.
    Von marewa im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.11.2007, 22:41
  2. html frage
    Von WebAndii im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 11.07.2007, 17:28
  3. HTML frage
    Von Fuerby im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 29.06.2007, 12:03
  4. PHP - HTML Frage
    Von Martin279 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.05.2007, 02:38
  5. html frage
    Von Millionaer im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 05.01.2007, 18:34

Stichworte

Berechtigungen

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