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

Thema: Bilder mit php der größe anpassen

  1. #1
    Unregistriert
    Gast

    Standard Bilder mit php der größe anpassen

    Hallo ich meine vor kurzem gehört, also gelesen, zu haben das man mit php bilder dem hintergrundgröße anpassen kann. Wenn und wie ist das möglich. Oder war das mit Css?
    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
    Unregistriert
    Gast

    Standard AW: Bilder mit php der größe anpassen GELÖST!!


  3. #3
    Unregistriert
    Gast

    Standard AW: Bilder mit php der größe anpassen

    Jetz brauch ich doch nochmal eure hilfe da ich schon mehrere positionsangaben seperat im header drin habe.

    HTML-Code:
    </head>
    <body>
    	<div id="head">
    		<img id="hintergrund" src="img/head.gif" alt="" />
    		<ul id="werbelink">
    			<li><a href="">Werbelink</a></li>
    		</ul>
    	
    		<ul id="headnavi">
    			<li><a href="">Info's<img src="img/hak.png" alt="" /></a></li>
    			<li><a href="">Kontakt<img src="img/hak.png" alt="" /></a></li>
    		</ul>
    	</div>
    
    	<ul id="navi">
    		<li id="active"><a href="index.php" id="current">Startseite</a></li>
    		<li><a href="">Test</a></li>
    		
    
    	<div id="leftboard">
    	
    	</div>
    	
    	<div id="content">
    		
    	</div>
    	
    	<div id="rightboard"></div>
    	
    	<ul id="footer">
    		<li><a>LINK</a></li>
    		<li><a>LINK</a></li>
    	</ul>
    
    </body>
    HTML-Code:
    * {margin: 0; padding: 0;}
    img {border: none;}
    
    a {color: #fff; text-decoration: none;}
    
    a:hover {
    color: #fff; 
    text-decoration: underline;
    }
    
    body {
    width: 100%;
    margin: 0 auto;
    background: #ff8844;
    font-family: cambria;
    color: #000;
    }
    
    #head {
    height: 150px;
    /* 
    Wenn die unteren drei angaben weg sind 
    und das bild mit background über css 
    eingebaut ist . so ist es normal */
    
    width: 100%;
    position: relative;
    z-index: 1;
    }
    
    #leftboard {
    width: 150px;
    float: left;
    margin: 20px 0 0 0;
    }
    
    #content {
    width: 550px;
    float: left;
    margin: 20px 0 0 0;
    }
    
    #rightboard {
    width: 180px;
    float: left;
    padding: 25px 0 0 20px;
    }
    
    ul#footer {
    width: 100%;
    height: 30px;
    clear: both;
    text-align: right;
    color: #02a3ff;
    }
    ul#footer li {
    display: inline;
    }
    ul#footer li a {
    color: #000;
    text-decoration: none;
    padding-right: 8px; 
    }
    ul#footer li a:hover {
    color: #eee;
    text-decoration: underline;
    }
    
    
    h1 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    }
    
    h2 {
    font-size: 18px;
    text-align: right;
    color: #000;
    padding: 8px 0 0 0;
    font-family: calibri;
    }
    
    
    /* Headerwerbung Links */
    ul#werbelink {
    width: 280px;
    height: 20px;
    margin: 0 0 0 275px;
    z-index: 1;
    position: absolute;
    font-size: 17px;
    }
    
    ul#werbelink li {
    display: inline;
    }
    
    ul#werbelink li a {
    color: #000;
    }
    
    ul#werbelink li a:hover {
    color: #ff8844;
    }
    
    /* Headernavigation Rechts */
    ul#headnavi {
    width: 375px;
    height: 20px;
    margin: 17px 0 0 650px;
    z-index: 2;
    position: absolute;
    color: #fff;
    font-size: 12px;
    }
    
    ul#headnavi li {
    display: inline;
    margin-left: -4px;
    }
    
    ul#headnavi li a {
    padding: 5px 10px;
    color: #eee;
    text-decoration: none;
    }
    
    ul#headnavi a:hover {
    text-decoration: underline;
    color: #ff8844;
    }
    
    
    /* Horizontale Hauptnavi */
    ul#navi {
    font-family: cambria;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    background: #0033ee;
    border-top: solid 1px #ff8844;
    font-size: 17px;
    }
    
    ul#navi li {
    display: inline;
    margin-left: -4px;
    }
    
    ul#navi li a {
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #fff;
    }
    
    ul#navi li a:hover {
    background-color: #ff8844;
    color: #000088;
    }

    Ich dachte ich hätte die Angaben von ohne gehts gar net übernommen

  4. #4
    Samurai Avatar von ludgerf321
    Registriert seit
    19.11.2007
    Ort
    Hannover
    Beiträge
    232
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bilder mit php der größe anpassen

    Du machst 3 Beiträge hintereinander, statt zu editieren.
    Ich habe immer noch nicht verstanden, was jetzt deine Frage ist...
    Mach's doch einfach so, wie du es bereits gepostet hast >.< (also auf ohne-css.gehts-gar.net)
    Ansonsten bitte besser beschreiben!

    LG Ludger

  5. #5
    Unregistriert
    Gast

    Standard AW: Bilder mit php der größe anpassen

    zu 1. Ich bin unregistriert, editieren ist mir net möglich
    zu 2. Mein Header soll sich mit dem Body div der breite von 100% anpassen also das Bild und Höhe 150px ist oki

  6. #6
    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: Bilder mit php der größe anpassen

    habs ma verschoben, denn hat ja nix mi php am hut hier...
    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

  7. #7
    Unregistriert
    Gast

    Standard AW: Bilder mit php der größe anpassen

    Danke fürs verschieben, gehört ja nu auch hier hinein!

    Ich habe die Anleitung auch schon hinbekommen aber nur wie auf der Seite beschrieben, ich möchte aber das sich mein Header obigem eigenem Stylesheet anpasst.

  8. #8
    Unregistriert
    Gast

    Lächeln AW: Bilder mit php der größe anpassen

    bitte zusammenführen:

    HTML-Code:
    <body>
    <img id="head" src="img/head.gif" alt="" />
    </body>
    </html>
    HTML-Code:
    * {margin: 0; padding: 0;}
    
    html, body {
    width: 100%;
    height: 100%;
    }
    #head {
    width: 100%;
    height: 150px;
    }

    COOL

  9. #9
    Unregistriert
    Gast

    Standard Aw: Kann mir bitte jemand helfen [27:03:2010/10:49]

    Hallo @ALL

    Ich habe bisher so gemacht:

    HTML-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" xml:lang="de" lang="de">
    <head>
        <title></title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <link href="css.css" type="text/css" rel="stylesheet" />
        <link href="img/fav.ico" type="image/x-icon" rel="shortcut icon" />
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    </head>
    <body>
    	<div class="logo">
    		<img class="logo" src="img/logo.gif" alt="" />
    		<ul id="werbelink">
    			<li><a href="">Werbelink</a></li>
    		</ul>
    	
    		<ul id="headnavi">
    			<li><a href="">Info's<img src="img/hak.png" alt="" /></a></li>
    			<li><a href="">Kontakt<img src="img/hak.png" alt="" /></a></li>
    			<li><a href="">Sonstiges</a></li>
    		</ul>
    	</div>
    </body>
    </html>
    HTML-Code:
    * {margin: 0; padding: 0; border: none;}
    a {color: #fff; text-decoration: none;}
    a:hover {color: #fff; text-decoration: underline;}
    
    html, body {
    width: 100%;
    height: 101%;
    }
    .logo {
    width: 100%;
    height: 150px;
    }
    ul.logo {
    width: 280px;
    height: 20px;
    margin: 0 0 0 275px;
    z-index: 1;
    position: absolute;
    font-size: 17px;
    }
    
    ul.logo li {
    display: inline;
    }
    
    ul.logo li a {
    color: #000;
    }
    
    ul.logo li a:hover {
    color: #ff8844;
    }
    
    ul.logo {
    width: 375px;
    height: 20px;
    margin: 17px 0 0 650px;
    z-index: 2;
    position: absolute;
    color: #fff;
    font-size: 12px;
    }
    
    ul.logo li {
    display: inline;
    margin-left: -4px;
    }
    
    ul.logo li a {
    padding: 5px 10px;
    color: #eee;
    text-decoration: none;
    }
    
    ul.logo a:hover {
    text-decoration: underline;
    color: #ff8844;
    }

    Wieso erscheinen die Listen jetzt nicht auf dem Bild. Gut es ist nicht mehr via Css eingebunden, aber kann ich das noch hinbekommen?

    Ist wahrscheinlich meine Tagesaufgabe heute

  10. #10
    BITTE UM HUILFE
    Gast

    Standard AW: Bilder mit php der größe anpassen

    Hallo ich habe soviele Möglichkeiten durchprobiert, bild via css . via img tag es geht nicht. Please. einen beitrag Oben mein bester erstellter code jetzt...

Ähnliche Themen

  1. Popup größe automatisch anpassen
    Von Patrick Weinberg im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 30.12.2007, 09:51
  2. Flash- Datei an html größe- Anpassen
    Von micson im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.06.2007, 00:49
  3. Größe der Website dem jeweiligen Browser anpassen?!
    Von HansimGlück im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 28.03.2007, 08:42
  4. Hintergrundbild/größe anpassen
    Von Maxy im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 25.10.2005, 15:55
  5. Neues Fenster an Bildschirm größe anpassen???
    Von tulli im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.03.2005, 13:35

Stichworte

Berechtigungen

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