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

Thema: Hilfe! Zeilenumbruch problem!!

  1. #1
    HTML Newbie
    Registriert seit
    26.02.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Ausrufezeichen Hilfe! Zeilenumbruch problem!!

    Hallo Leute,
    ich muss immoment in Rahmen eines projektes ein online Portfolio erstellen.
    Am oberen rand der website habe ich links das Logo und auf der selben höhe die Navigationsbutton.
    So sollte es zumindestens aussehn. in Explorer klappt dies auch prima aber Firefox will nicht so ganz mitspielen und macht nach den Logo einen Zeilenumbruch.
    hier ist der Quelltext! danke im vorraus!!
    PHP-Code:
    ....
    <
    div id="menu">
            <
    a href="main.html"><img src="logo1.jpg" alt="Home"/></a>
            <
    p id="menutext">
                <
    a href="motion.html">motion |</a>
                <
    a href="still.html">| still |</a>
                <
    a href="study.html">| study |</a>
                <
    a href="literature.html">| literature |</a>
                <
    a href="cv.html">| cv |</a>
                <
    a href="contact.html">| contact </a>
            </
    p>
    </
    div>
    ..... 
    PS: wichtig ist, das es noch valide bleibt.
    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 driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe! Zeilenumbruch problem!!

    ohne restliches html und css leider sehr nutzlos.
    kann man nur sagen.. schaut sauber aus...

    und drauf tippen, dass du mal margin:0; und padding:0; verwenden solltest
    >> 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..."

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    26.02.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe! Zeilenumbruch problem!!

    okey dann hier mal der komplette quelltext:
    PHP-Code:
    <!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">
    <
    head>
        
        <
    title>ChristianKasper 2008</title>
        <
    link rel="stylesheet" type="text/css" href="style.css"></link>
        
    </
    head>
    <
    body>

    <
    div id="menu"><nowrap="nowrap">
            <
    a href="main.html"><img src="logo1.jpg" alt="Home"/></a>
            <
    p id="menutext">
                <
    a href="motion.html">motion |</a>
                <
    a href="still.html">| still |</a>
                <
    a href="study.html">| study |</a>
                <
    a href="literature.html">| literature |</a>
                <
    a href="cv.html">| cv |</a>
                <
    a href="contact.html">| contact </a>
            </
    p>
            </
    nowrap>
    </
    div>
        
        
    <
    div id="bg"></div>

    <
    div id="post">
        <
    div class="portfolioBlock">

        <
    h2>
                
    Written on <strong>Monday</strong>, 05 of January2009 at 9:53 pm
        
    </h2>
        <
    br />
                <
    img src="fenkeladd.jpg" width="292" height="413" alt="Fennel"></img>
        
        <
    h1>
              
    TEXTTEXTEXTTEXTTEXTTEXTTEXTTEXTTEXT
        
    </h1>
        </
    div>
        
    </
    div>
    </
    body>
    </
    html
    und dann hier noch der stylesheet:
    PHP-Code:
    a:link text-decoration:nonecolor:#000000; }
    a:visited text-decoration:nonecolor:#000000; }


    body {
        
    height:100%; /* Max 100% hoogte in IE */
        
    max-height:100%; /* Max 100% hoogte in browsers */
        
    background-color:#FFFFFF;
        
    background-imageurl('bg1.png');
        
    margin:0;
        
    padding:0;
    }

    /* Text */
    h1 {
        
    font-size:13px;
        
    margin:0;
        
    margin-left:5px;
        
    font-weight:normal;
        
    color:#333333;
        
    background-color:#FFFFFF; 
    }
    /*update/info */
    h2 {
        
    font-size:11px;
        
    margin:0;
        
    margin-left:5px;
        
    font-weight:normal;
        
    color:#333333;
        
    background-color:#FFFFFF; 
        
    border-bottom:2px solid #333333;
    }



    /*aktuelle Seite*/
    h4{
        
    background-color:#FFFFFF; 
        
    font-weight:100;
        
    font-family:Kalinga;
        
    font-size:17px;
        
    letter-spacing:-0.05em;
        
    font-variant:small-caps;
    }

    img{
        
    bordernone;
    }


    #menu{
            
    margin-left0.5%;
            
    margin-top0.5%;
    }

    /*menu navigation*/
    #menutext{
            
    positionabsolute;
            
    margin-top5px;
            
    margin-left:10%;
            
    font-family:Kalinga;
            
    font-size:20px;
            
    letter-spacing:-0.05em;
            
    font-variant:small-caps;
    }



    #bg {
        
    position:relative;
        
    top0px;
        
    width:1280px;
        
    height:768px;
        
    background-imageurl('bg3.jpg');
        
    background-repeatno-repeat;    
        
    background-attachmentfixed;
    }
        
        
    #post{
        
    width:650px;
        
    position:absolute;
        
    top:35px;
        
    padding:20px 0 0 0;
        
    margin-left20%;
    }


    .
    portfolioBlock {
        
    padding:5px;
        
    background-color:#FFFFFF;
        
    background-imageurl('bg1.png');
        
    border:1px solid #CCCCCC;

    Danke dir schonmal!!

  4. #4
    Macrosdesign
    Gast

    Standard AW: Hilfe! Zeilenumbruch problem!!

    setz mal

    Code:
     
    * {
       margin: 0;
       padding: 0;
    }
    an Anfange deiner CSS-Datei.

    mfg Cy

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    26.02.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe! Zeilenumbruch problem!!

    okey du meinst so :
    PHP-Code:
    * {
       
    margin0;
       
    padding0;
    }

    a:link text-decoration:nonecolor:#000000; }
    a:visited text-decoration:nonecolor:#000000; }


    body {
        
    height:100%; /* Max 100% hoogte in IE */
        
    max-height:100%; /* Max 100% hoogte in browsers */
        
    background-color:#FFFFFF;
        
    background-imageurl('bg1.png');
        
    margin:0;
        
    padding:0;
    }

    /* Text */
    h1 {
        
    font-size:13px;
        
    margin:0;
        
    margin-left:5px;
        
    font-weight:normal;
        
    color:#333333;
        
    background-color:#FFFFFF; 
    }
    ..... 
    und wo genau muss ich den sheet * in dem quelltext einfügen?

  6. #6
    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 AW: Hilfe! Zeilenumbruch problem!!

    lass mal die position weg. besonders die position:absolute; im menü


    @ macros
    margin und padding hab ich oben schon vorgeschlagen.
    hat aber leider nicht den gewünschten erfolg gebracht.
    >> 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..."

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    26.02.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe! Zeilenumbruch problem!!

    die Positionen habe ich nun weggelassen, es sieht aber leider nun nicht so aus wie ich wollte. ich versuch es noch mal anders zu erklären.
    (leicht veränder)
    PHP-Code:
    <div id="menu"
            <
    a href="main.html"><img src="logo1.jpg" alt="Home"/></a>
            
                
                <
    a href="motion.html">motion |</a>
                <
    a href="still.html">| still |</a>
                <
    a href="study.html">| study |</a>
                <
    a href="literature.html">| literature |</a>
                <
    a href="cv.html">| cv |</a>
                <
    a href="contact.html">| contact </a>
                
    </
    div
    logo1.jpg soll links angeordnet sein. ist es auch darf also so bleiben.
    die buttons die danach folgen (motion, still, study, literature...) sollen nicht direkt hinter dem logo1.jpg angeordnet sein sondern mit einen bestimmt abstand.
    wenn ich das Problem gelöst habe habe ich die homepage fertig. aber jetzt hänge ich schon seit einigen stunden an deisen problem

  8. #8
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Hilfe! Zeilenumbruch problem!!

    Ich würde die Navigation als Liste auszeichen, was semantisch auf korrekt wäre und dann den Listenpunkten margin-left zuweisen.

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    26.02.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe! Zeilenumbruch problem!!

    mhh also den berreich in <ul> </ul> setzen?!.
    werde ich mal ausprobieren hört sich gut an.
    danke...
    edit:
    klappt leider nicht.
    liegt es an den <p id="menutext"> ? löst der nen zeilenumbruch aus?
    Geändert von ckasper1985 (26.02.2009 um 22:43 Uhr)

  10. #10
    Macrosdesign
    Gast

    Standard AW: Hilfe! Zeilenumbruch problem!!

    Mach es mal so:

    HTML-Code:
    <div id="menu"> 
            <a href="main.html"><img src="logo1.jpg" alt="Home"/></a>
            
               <ul> 
                <li><a href="motion.html">motion |</a>          </li>
                <li><a href="still.html">| still |</a>          </li>
                <li><a href="study.html">| study |</a>          </li>
                <li><a href="literature.html">| literature |</a></li>
                <li><a href="cv.html">| cv |</a>                </li>
                <li><a href="contact.html">| contact </a>       </li>
               </ul>
              <br clear="left" />
    </div>  
    und dann dem stylesheet das hinzufügen:
    HTML-Code:
    #menu ul {list-style:none;}
    #menu li {width:"breite deiner buttons";float:left;margin-left:10px;}

Ähnliche Themen

  1. zeilenumbruch in datenbank
    Von mysql-noob im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 05.06.2008, 21:02
  2. Zeilenumbruch
    Von goodn8 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 9
    Letzter Beitrag: 11.11.2007, 20:14
  3. Zeilenumbruch
    Von Adam2000 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 09.10.2006, 08:59
  4. Zeilenumbruch in alt-Tag
    Von Marco25 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 15.12.2005, 22:24
  5. Zeilenumbruch
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 15.11.2005, 16:29

Stichworte

Berechtigungen

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