• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Suchergebnisse

  1. djheke

    [ERLEDIGT] PDF und img an Browser anpassen

    So? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style> div { background:green; } div img { width:50%; margin:0 auto; display:block; } .logo { width:30%; height:100px; margin:0 auto; display:block; } </style> <title>Test</title> </head> <body> <div><img class="logo"...
  2. djheke

    [ERLEDIGT] CSS-Kreis als Link

    Warum nimmst du soviele Div's? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style> .kreis { display:block; text-decoration:none; width:100px; height:100px; border-radius:50%; background:#eee; text-align:center; line-height:100px; } </style> <title>Test</title> </head> <body>...
  3. djheke

    Schrift untereinander

    Dann verzichte auf display:inline
  4. djheke

    Forum in Webseite einbinden

    Ich vermute mal, dass das Forum irgendwo ähnliche Dateien hat, wo du deinen Header und deine Navi einbinden kannst.
  5. djheke

    Forum in Webseite einbinden

    Wenn du das PHPBB Forum benutzt, dann könnte die das hier helfen. http://www.gipspferd.de/CSS-Anleitungen/PHPBB3-Forum-in-eigener-Website-einbinden
  6. djheke

    [ERLEDIGT] Hamburger Menü - Verschieben statt überlappen

    Auf Nav musst du noch outline:none notieren
  7. djheke

    [ERLEDIGT] Hamburger Menü - Verschieben statt überlappen

    Ja, ist ja :hover und :focus. Hier mal eine nur :focus Variante. Probier mal ob es klappt. http://gipspferd.de/forumhilfe/focus/home.html Wobei bei 5 bis 6 Items musst du nicht so ein Aufwand betreiben. Ach und nochwas: Ob dies eVariante auch im Apfel-Browser funktioniert, weiß ich nicht.
  8. djheke

    [ERLEDIGT] Hamburger Menü - Verschieben statt überlappen

    Für mich ist es eine eindeutige Frage. Und :focus verhält sich auch aber nicht nur wie Klick
  9. djheke

    [ERLEDIGT] Hamburger Menü - Verschieben statt überlappen

    Er hat doch Positionierungsprobleme. Hier mal eine :focus Alternative <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style> nav { position:relative; } nav ul { margin:0; padding:0; list-style:none; position:absolute; left:-99999em; width:100%; background:#333; } nav:hover ul...
  10. djheke

    [ERLEDIGT] Probleme mit Multiple Column Layout (column-count) und margin/padding-bottom

    Du musst jeden einzelnen Selektorblock schließen. Oder ist mir etwas entgangen?:D Ach, jetzt hab ich es auch gesehen das es SCSS ist. Sorry!
  11. djheke

    [ERLEDIGT] neuer Zeilenumbruch in zu langem Text in td

    Probier mal <!DOCTYPE html> <html><head> <meta charset="UTF-8"> <title>Tabelle</title> <style type="text/css"> * { margin:0; padding:0; box-sizing: border-box; } table { width:100%; border-collapse:collapse; background:#fff; border:none; } td , th { max-width:1px; width:1%...
  12. djheke

    [ERLEDIGT] Vertikales Menü über ganze Bildschirmhöhe

    Bei mir ist alles valide CSS3/HTML5 Warum wird <ol> 50 mal kopiert?
  13. djheke

    [ERLEDIGT] Vertikales Menü über ganze Bildschirmhöhe

    Probier mal ob es so aussehen soll. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style> * { margin:0; padding:0; } html,body { height:100%; } body:before { content:""; position:absolute; top:0; height:8em; width:300px; background:url(bild1.jpg) no-repeat center; } nav {...
  14. djheke

    [ERLEDIGT] Softer Zoom bei Mouseover

    <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Zoom</title> <style> * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height...
  15. djheke

    [ERLEDIGT] DL (Listen)

    DL können auch verschachtelt werden. <h5>Berufserfahrung</h5> <dl> <dt>Seit 2012:</dt> <dd>Mitarbeiter Customer Care und Support <dl> <dt>Aufgaben:</dt> <dd>Telefon bedienen</dd> <dd>Kaffee zubereiten</dd> </dl> </dd> </dl>
  16. djheke

    Div Containe auf Breite aufteilen

    Nimm ein Liste <ul> und nein, responsive Design ist es nicht. ul , li { margin:0; padding:0; list-style:none; } li { float:left; width:20%; min-width:80px; padding:5px; box-sizing:border-box; } li h3 { margin:0; padding:5px; border:1px solid #000; border-radius:20px; font-weight:normal; }...
  17. djheke

    [ERLEDIGT] lightbox

    Tut mir leid, aber nun habe ich deinen kompletten HTML-Code genommen und neu angepasst. Bei mir funktioniert's. Also so ganz ohne HTML/CSS/JS Veständnis wird es wohl nix werden.
  18. djheke

    [ERLEDIGT] lightbox

    Hier der CSS-Teil * { margin:0;padding:0;} html,body { height:100%;background:#012733;} img.close_window{ width: 23px; height: 23px; position: absolute; right:26px; top: 26px; cursor: pointer; } #lightbox { width:100%; height:100%; text-align:center; background: #012733; }...
  19. djheke

    [ERLEDIGT] lightbox

    So? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style> * { margin:0;padding:0;} html,body { height:100vh;background:#012733;} #lightbox { width:100%; height:100%; text-align:center; background: #012733; } #lightbox:before { content:""; display:inline-block; vertical-align:middle...
  20. djheke

    Frage Text unterstreichen + Bild wechseln wenn man mit der Maus über das DIV fährt

    Hm, vom <hover></hover> Element ist dort nichts zu sehen
Zurück
Oben