Hi Teron,
img {width:1337px; height:auto}
suchst du das?
Beiträge von Pascal Kremp
-
-
Hi Mike,
Ein DIV-Element ist standartmäßig 100% Breit. Wenn sich umliegend nichts befindet, was dieses DIV-Element verkleinert, hat es die Browserbreite.
-
Hi mike,
genau so, wie du rausfindest, was für eine ID das Element hat! Nachgucken, welche Styles das Element hat. Dazu brauchst kein tutorial/Beschreibung.
-
Hi Roger,
vielleicht mit opactiy oder rgba background-color arbeiten.
Für bessere Hilfe, müsstest mir die Seite zeigen.
-
Mehr Quelltext oder Link zur Seite bitte.
-
Hi,
zeig uns bitte den Quelltext.
-
Im Grunde hast du alle Informationen um das nu selber zu lösen!
Code
Alles anzeigen<!DOCTYPE html> <style> body, html { height: 100%; margin: 0; padding: 0; width: 100%; } .background { background: yellow; height: 100%; text-align: center; z-index: 1; } .background img { height:100%; width:auto; } #content { /** Was immer du willst! :) **/ z-index: 2; } </style> <div class="background"> <img src="" alt=""> </div> <div id="content"> <h1>Yeahaaa</h1> </div> -
to wrap: umschließen. Schonmal nen Wrap gegessen?
HTML<div style="text-align:center"> <img src="" class="deinBild"> </div> -
Hi Huyen-Joy,
erstelle eine Klasse für die andere Version des Hintergrunds. Füge die gewünschten CSS-Eigentschaften hinzu.
Dann sprichst du den Button via jQuery an und nutzt toogleClass.
-
Img mit einem div-Tag wrappen und text-align:center; nutzen.
-
Code
Alles anzeigen<head> <meta charset="utf-8"> <title>www.HUHUHUHU.de</title> <style> * { margin: 0; padding: 0; } /* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */ body, html{ height: 100%; overflow: hidden; width: 100%; } /* BG-Image auf unterste Ebene anordnen */ #bgImg { position: absolute; top: 0; left: 0; border: 0; z-index: 1; width:100%; height:auto; } </style> </head> <body> <img id="bgImg" src="index-Dateien/ger3.jpg" alt=""> <div id="bodyDiv"> <div id="mainDiv"> </div> </div> </body> -
Unschön aber bei so viel Unschönheit erlaubt!
Füge bei Jedem link folgendes ein:CSSstyle="text-decoration: none !important;"also so
CSS<a href="Lycée_Cap_Vert.html" style=" text-decoration: none !important; "><span style="color:#404040;mso-themecolor: text1;mso-themetint:191;text-decoration:none;text-underline:none">Lycée d’hôtellerie et gastronomie en République du Cap Vert</span></a> -
Von Tagging Script hab ich noch nie was von gehört. Ist auch glaube ich gut so
Wenn Sie schnelle Hilfe benötigen, können Sie mir gerne eine private Nachricht schicken.
Ansonsten empfehle ich Ihnen ein wenig HTML & CSS zu lernen und die Webseite neu zu erstellen. Komplexität und Inhalt der Seite sind überschaubar und es sollte nicht all zu lange dauern die Webseite ordentlich nachzubauen.
-
Hi 2becool,
so etwas ähnliches habe ich bereits in einem anderen Forum beantwortet.
Wenn dir dieser Beitrag nicht hilft, schreib mir nochmal.
-
Hi admir,
- text-underline gibts nicht
- Wenn garkeine Linie unter den Links sein soll: Code
a { text-decoration:none; } - Link ist rot unterstrichen, da die Link-Farbe rot ist. Im Link der span hat wiederum die Farbe dunkelgrau. Da Strich unterm Link nicht zum span sondern zum a gehört hast du nen oten Strich!
- Was für ein gruseliger Editor oder CMS liefert so einen Code ab?
-
Hi 2becool,
dafür brauchst du etwas mehr als CSS. jQuery bietet sich für sowas sehr gut an. Die Lösung zu posten wäre langweilig
Registriere dich hier. Und frag dann, wo du hängen bleibst. -
Hi Gast,
CSS benutzen!
Codeimg { width:100%; height:auto; } -
Hi Skateb,
viel Spaß beim experimentieren
Code
Alles anzeigen<!DOCTYPE html> <meta charset="utf-8"> <style> html, body { background: #DEDEDE; height: 100%; margin: 0; padding: 0; } #wrapper { background: #FFFFFF; height: 100%; margin: 0 auto; padding: 15px; width: 970px; position: relative; } #branding { position:absolute; top:150px; left:40px; } nav { background: #DEDEDE; float: left; height: 100%; width: 270px; } nav ul { position: relative; top: 450px; } div[role=main] { float: left; margin: 15px; position: relative; top: 450px; width: 665px; } footer { background: #838383; padding: 5px; position: relative; top: -50px; left: 285px; width: 655px; } footer p { margin: 0; padding: 0; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } </style> <div id="wrapper"> <header id="branding"> <img src="http://lorempixel.com/output/abstract-q-c-800-300-1.jpg" alt=""> </header> <div class="row clearfix"> <nav> <ul> <li>Home</li> <li>About</li> <li>Test</li> <li>Contact</li> <li>Imp</li> </ul> </nav> <div role="main"> <article> <header> <h1>Jetzt funktionierts!</h1> </header> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <!-- <img src="http://al.al.funpic.de/Sport%20Homepage/pictures/home/beginner-skateboard-tricks.jpg" alt=""> --> </article> </div> </div> <footer> <p>Contact Info klick! <p>www.homepage.de | Alle Rechte vorbehalten | © 2012 </footer> </div> -
Hi Gildanator,