Oke.. ik zal het even proberen te isoleren.quote:Op woensdag 29 februari 2012 19:50 schreef KomtTijd... het volgende:
Nee, de pagina waar je je probleem geisoleerd hebt zonder alle poespas eromheen.
Ik snap nieteens waar je het over hebt. "een rand", ik zie 6 miljoen randen (Hתתתתתת) op die website.. waar gaat het in hemelsnaam over?
Eromheen? die staat toch rechtsonder in de hoek? Geen widescreen?quote:Op woensdag 29 februari 2012 19:53 schreef KomtTijd... het volgende:
En wat is dan precies het verschil?
Behalve dat die blonde dame eroverheen komt staan in de live versie?
Oh, ik had alleen de html aangepast.. momentje..quote:Op woensdag 29 februari 2012 19:57 schreef KomtTijd... het volgende:
Een css van 1174 regels noem ik geen testcase.
CSS is nu ingekort. En nee, wat ik dan ook aan doen mag zijn doe ik niet 'bewust'.quote:Op woensdag 29 februari 2012 19:58 schreef KomtTijd... het volgende:
Je HTML slaat ook nergens op. Zit je nou bewust in quirksmode te werken?
En wtf is al die inline style?
Vind je het gek dat je niets voor elkaar krijgt als je nieteens weet hoe de basis van je eigen werk in elkaar zit?
Zolang dat het geval is kunnen we je hier in ieder geval niet helpen.quote:Op woensdag 29 februari 2012 20:03 schreef Maartel het volgende:
[..]
En nee, wat ik dan ook aan doen mag zijn doe ik niet 'bewust'.
1 2 3 4 5 6 7 | body{ background: #ffffff url(http://i387.photobucket.com/albums/oo315/Maartel/bgsite.jpg) repeat top center ; color:#000; font-size:12px; font-family: "Arial", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; <style> } |
Wat hij zegt.quote:
1 | <div id="map_canvas" style="width:100%; height:500px"></div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" data-src="http://maps.google.com/maps/api/js?sensor=false" style="visibility:hidden;"></script> <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(52.1025780, 5.0978729); var settings = { zoom: 15, center: latlng, mapTypeControl: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: true, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), settings); var companyPos = new google.maps.LatLng(52.1025780, 5.0978729); var companyLogo = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo.png', new google.maps.Size(100,50), new google.maps.Point(0,0), new google.maps.Point(50,50) ); var companyShadow = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo_shadow.png', new google.maps.Size(130,50), new google.maps.Point(0,0), new google.maps.Point(65, 50) ); var companyPos = new google.maps.LatLng(52.1025780, 5.0978729); var companyMarker = new google.maps.Marker({ position: companyPos, map: map, icon: companyLogo, shadow: companyShadow, title:"Filmdepartment" }); } </script> |
waar komt dit overigens vandaan?quote:
1 | <body <?php body_class(); ?> onload="initialize()"> |
1 | $(document).ready(function() { initialize(); }); |
1 2 3 | function initialize() { //blablab } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 | <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <title> <?php /* * Print the <title> tag based on what is being viewed. */ global $page, $paged; wp_title( '|', true, 'right' ); // Add the blog name. bloginfo( 'name' ); // Add the blog description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; ?> </title> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> <?php /* We add some JavaScript to pages with the comment form * to support sites with threaded comments (when in use). */ if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> <?php $google_bodyfont=get_option('google_bodyfont')? get_option('google_bodyfont'):'Ubuntu Condensed'; $google_generaltitlefont=get_option('google_generaltitlefont')? get_option('google_generaltitlefont'):'Ubuntu Condensed'; $gbodyfont = str_replace( ' ', '+', $google_bodyfont); $generaltitlefont = str_replace( ' ', '+', $google_generaltitlefont); ?> <?php if( get_option('kaya_typhography')=="false") { ?> <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'/> <?php }else{ ?> <?php if($google_bodyfont !="") { ?> <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=<?php echo $gbodyfont; ?>'> <?php } ?> <?php if($generaltitlefont !="") { ?> <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=<?php echo $generaltitlefont; ?>'> <?php } ?> <?php } ?> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" data-src="http://maps.google.com/maps/api/js?sensor=false" style="visibility:hidden;"></script> <script type="text/javascript"> $(document).ready(function() { initialize(); }) function initialize() { var latlng = new google.maps.LatLng(52.1025780, 5.0978729); var settings = { zoom: 15, center: latlng, mapTypeControl: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: true, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), settings); var companyPos = new google.maps.LatLng(52.1025780, 5.0978729); var companyLogo = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo.png', new google.maps.Size(100,50), new google.maps.Point(0,0), new google.maps.Point(50,50) ); var companyShadow = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo_shadow.png', new google.maps.Size(130,50), new google.maps.Point(0,0), new google.maps.Point(65, 50) ); var companyPos = new google.maps.LatLng(52.1025780, 5.0978729); var companyMarker = new google.maps.Marker({ position: companyPos, map: map, icon: companyLogo, shadow: companyShadow, title:"Filmdepartment" }); } </script> </head> <body <?php body_class(); ?> onload="initialize()"> <!-- Start demobar --> <?php //get_template_part('demo/demo'); ?> <!-- Start Demobar --> <?php if(get_option('topToggleBoxDisable')!="true") { ?> <?php get_template_part('lib/includes/top_toggle_section'); ?> <?php } ?> <?php // Get $post if you're inside a function global $post; if ( is_home() and get_option('sliderdisable') != 'true'){ echo "<div id='header_wrapper'>"; echo "<div id='header'>"; } else { echo "<div id='inner_header_wrapper'>"; echo "<div id='inner_header'>"; } ?> <!--Start header_wrapper --> <div id="logo"> <?php $logo=get_option('logo'); ?> <?php if($logo) { ?> <a href="<?php echo home_url(); ?> "> <img src="<?php echo $logo; ?>" alt="<?php the_title(); ?>" /> </a> <?php }else{ ?> <a href="<?php echo home_url(); ?> "> <img src="<?php echo get_template_directory_uri()?>/images/logo.png" alt="<?php the_title(); ?>" /> </a> <?php } ?> </div> <?php wp_nav_menu( array( 'container_class' =>'jqueryslidemenu','container_id' => 'myslidemenu','menu_class' =>'jqueryslidemenu','menu_id'=> '' ) ); ?> <div class="clear"></div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <?php $footercolumn=get_option('footercolumn'); echo '<div id="panel_widget">'; echo '<div id="panel_wrapper">'; { $last = ($fc == $footercolumn and $footercolumn != 1) ? 'last' : ''; ?> <div id="map_canvas" style="width:100%; height:500px"></div> <?php } echo '</div>'; echo '</div>'; ?> <!-- The tab on top --> <div class="tab"> <ul class="login"> <li id="toggle"> <a id="open" class="open" href="#"></a> <a id="close" style="display: none;" class="close" href="#"></a> </li> </ul> </div> </div> |
Fair enough, al heeft naar mijn inzien mijn vraag over of het mogelijk is een dergelijke rand met css3 te maken totaal niets van doen met wat voor een andere css/html ik wel of niet op de pagina ga gebruiken. Dat is een beetje 'zolang jij geen vloeiend spaans spreekt ga ik je niet vertellen of dit spreekwoord in het spaans te vertalen is'.quote:Op woensdag 29 februari 2012 20:16 schreef KomtTijd... het volgende:
[..]
Zolang dat het geval is kunnen we je hier in ieder geval niet helpen.
Werkt ook niet.quote:Op donderdag 1 maart 2012 20:31 schreef Mirel het volgende:
Dus dan moet 'ie ergens in dat php bestand die de overlay regelt? Straks maar proberen.
Zo zet Tumblr templates in elkaar, zodat de users alles vanuit 1 bestand kunnen editten, html en css. Voor een weblog die niet van jezelf is waarvan je het een en ander kan aanpassen werkt het wel ok.quote:Op donderdag 1 maart 2012 22:04 schreef KomtTijd... het volgende:
Als je hier vragen komt stellen over een CSS3 effect terwijl je het nieteens voor elkaar krijgt een valide HTML-bestand op te stellen, dan ben je toch echt in de verkeerde volgorde bezig.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |