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

Thema: 2 fragen (ff, bild)

  1. #1
    n0b0dy
    Gast

    Standard 2 fragen (ff, bild)

    ich hab 2 probleme
    1. jedes kästchen sollte gleich lang sein, es geht beim ie
    beim ff werden die kästchen nur so lang wie das wort .

    2. ich möchte unter dem <hr> tag ein hintergrundbild einfügen

    bitte helft mir, sorry das ich euch nerve aber ich
    mach das noch nicht so lange.
    also danke schon im voraus.

    das ist der qt:


    <html>

    <head>
    <style>

    body {
    scrollbar-face-color: 000000;
    scrollbar-shadow-color: ff0000;
    scrollbar-highlight-color:ff0000;
    scrollbar-3dlight-color:000000;
    scrollbar-darkshadow-color:000000;
    scrollbar-track-color:000000;
    scrollbar-arrow-color:ff0000; }
    </style>

    <style type="text/css">
    <!--

    #navi {
    margin:auto;
    width: 800px;
    }

    body {text-align:center
    }

    body {
    font-family:arial,sans-serif;
    font-size:10pt;
    }

    body {
    background-color: #000000;
    }
    a:link, a:visited, a:active, a:focus {
    color:#ff0000;
    text-decoration: none;
    }

    a.cssmenu:link {
    width : 100px;
    color : black;
    background-color : #ff0000;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-top : 30px;
    margin-right : 10px;
    }

    a.cssmenu:visited {
    width : 100px;
    color : black;
    background-color : #ff0000;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;
    }


    a.cssmenu:hover {
    width : 100px;
    color : #ff0000;
    background-color : #0000ff;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;
    }

    //-->
    </style>
    </head>

    <div id="navi">
    Home
    About me
    Photos
    Videos
    Contact
    </div>

    <hr>



    [img]bs air.JPG[/img]

    </body>
    </html>
    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
    Azubi(ne)
    Registriert seit
    07.01.2007
    Ort
    Hamburg
    Beiträge
    59
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Damit die feste Breite funktioniert muss man display:block definieren. Damit sie dann trotzdem nebeneinander sind habe ich sie alle nach links gefloatet. Damit es mittig ist, habe ich dann die Breite des navi divs auf genau 600 pixel gesetzt, sodass er genau passt.
    Code:
    <html>
    
    <head>
    <style>
    
    body &#123;
    scrollbar-face-color&#58; 000000;
    scrollbar-shadow-color&#58; ff0000;
    scrollbar-highlight-color&#58;ff0000;
    scrollbar-3dlight-color&#58;000000;
    scrollbar-darkshadow-color&#58;000000;
    scrollbar-track-color&#58;000000;
    scrollbar-arrow-color&#58;ff0000; &#125;
    </style>
    
    <style type="text/css">
    <!--
    
    #navi &#123;
    margin&#58;auto;
    width&#58;600px;
    &#125;
    
    body &#123;text-align&#58;center
    &#125;
    
    body &#123;
    font-family&#58;arial,sans-serif;
    font-size&#58;10pt;
    &#125;
    
    body &#123;
    background-color&#58; #000000;
    &#125;
    a&#58;link, a&#58;visited, a&#58;active, a&#58;focus &#123;
    color&#58;#ff0000;
    text-decoration&#58; none;
    &#125;
    
    a.cssmenu&#58;link &#123;
    width &#58; 100px;
    color &#58; black;
    background-color &#58; #ff0000;
    text-align &#58; center;
    text-decoration &#58; none;
    font-size &#58; 12px;
    border-top &#58; 1px solid silver;
    border-right &#58; 1px solid black;
    border-left &#58; 1px solid silver;
    border-bottom &#58; 1px solid black;
    padding-top &#58; 2px;
    padding-right &#58; 4px;
    padding-left &#58; 4px;
    padding-bottom &#58; 2px;
    margin-top &#58; 0px;
    margin-right &#58; 10px;
    &#125;
    
    a.cssmenu&#58;visited &#123;
    width &#58; 100px;
    color &#58; black;
    background-color &#58; #ff0000;
    text-align &#58; center;
    text-decoration &#58; none;
    font-size &#58; 12px;
    border-top &#58; 1px solid silver;
    border-right &#58; 1px solid black;
    border-left &#58; 1px solid silver;
    border-bottom &#58; 1px solid black;
    padding-top &#58; 2px;
    padding-right &#58; 4px;
    padding-left &#58; 4px;
    padding-bottom &#58; 2px;
    margin-right &#58; 10px;
    &#125;
    
    
    a.cssmenu&#58;hover &#123;
    width &#58; 100px;
    color &#58; #ff0000;
    background-color &#58; #0000ff;
    text-align &#58; center;
    text-decoration &#58; none;
    font-size &#58; 12px;
    border-top &#58; 1px solid silver;
    border-right &#58; 1px solid black;
    border-left &#58; 1px solid silver;
    border-bottom &#58; 1px solid black;
    padding-top &#58; 2px;
    padding-right &#58; 4px;
    padding-left &#58; 4px;
    padding-bottom &#58; 2px;
    margin-right &#58; 10px;
    &#125;
    #cssmenu &#123;
    	width&#58;200px;
    &#125;
    //-->
    </style>
    </head>
    
    <div id="navi">
    Home
    About me
    Photos
    Videos
    Contact
    </div>
    
    <hr>
    
    
    
    [img]bs air.JPG[/img]
    
    </body>
    </html>
    edit: 2. geht glaube ich geht nicht wirklich, allerdings kannst du hinter dem definieren des Hintergrundbildes die Angabe background-position machen. Die kannst du so einstellen, dass es ungefähr passt.
    Code:
    body &#123;
    	background-image&#58;url&#40;dsf&#41;;
    	background-position&#58;0px 100px;
    &#125;

  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    warum backst des erste body-css net in des andere mit rein ?
    >> die icq-schreiberlinge bitte dies hier beachten



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

  4. #4
    n0b0dy
    Gast

    Standard

    danke
    @ driver
    hab ich vergessen, mach ich aber gleich

  5. #5
    n0b0dy
    Gast

    Standard

    was kann ich machen das meine tabellen wieder in der mitte sind ?

  6. #6
    Gast

    Standard

    sorry, hab vergessen es auf 600pt zu geben

  7. #7
    n0b0dy
    Gast

    Standard

    das mit dem hintergrundbild geht nicht.

  8. #8
    Azubi(ne)
    Registriert seit
    07.01.2007
    Ort
    Hamburg
    Beiträge
    59
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    schick nochmal deinen fertigen Quelltext bis jetzt bitte

  9. #9
    n0b0dy
    Gast

    Standard

    <html>

    <head>

    <style>

    body {
    scrollbar-face-color: 000000;
    scrollbar-shadow-color: ff0000;
    scrollbar-highlight-color:ff0000;
    scrollbar-3dlight-color:000000;
    scrollbar-darkshadow-color:000000;
    scrollbar-track-color:000000;
    scrollbar-arrow-color:ff0000; }
    </style>

    <style type="text/css">
    <!--

    #navi {
    margin:auto;
    width: 600px;
    }

    body {text-align:center
    }

    body {
    background-image:url(mypic.jpg);
    background-position:0px 100px;
    }

    body {
    font-family:arial,sans-serif;
    font-size:10pt;
    }

    a.cssmenu:link {
    width : 100px;
    color : black;
    background-color : #ff0000;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-top : 30px;
    margin-right : 10px;
    }

    a.cssmenu:visited {
    width : 100px;
    color : black;
    background-color : #ff0000;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;
    }


    a.cssmenu:hover {
    width : 100px;
    color : #ff0000;
    background-color : #0000ff;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;
    }

    //-->
    </style>
    </head>

    <body style="background-color:#000000;">

    <div id="navi">
    Home
    About me
    Photos
    Videos
    Contact
    </div>

    <hr>





    </body>
    </html>

  10. #10
    Azubi(ne)
    Registriert seit
    07.01.2007
    Ort
    Hamburg
    Beiträge
    59
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <body style="background-color&#58;#000000;">
    da musst du die Hintergrundfarbe natürlich rausnehmen, wenn du ein Hintergrundbild definierst!
    also einfach nur:
    Code:
    <body>
    Olli

Ähnliche Themen

  1. Fragen über Fragen...
    Von Neoaxizz im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 04.06.2007, 16:08
  2. zeichen in bild durch bild ersetzten xD
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 29.08.2006, 15:49
  3. Fragen über Fragen !
    Von Snuff im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 07.06.2006, 09:09
  4. Bild und sound in einem bild Bitte um hilfe :-9
    Von Muckel!!! im Forum Flash Forum
    Antworten: 5
    Letzter Beitrag: 16.06.2005, 17:35
  5. Bild oder Text anzeigen wenn mit Maus über Bild
    Von kwg|the-hell im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.06.2005, 13:31

Stichworte

Berechtigungen

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