not a support questionHvordan placerer jeg min sidebar over mine indlæg? Lige nu er sidebar'en placeret til højre, men jeg vil gerne have den placeret til venstre under min header og over indlæggene.
Min blog hedder:
http://www.weekendwar.dk
Jeg bruger Old Popular Yolk temaet.
Håber I kan hjælpe mig.
kig i header.php:
<h1 id="site-name">< a>"><?php bloginfo('name'); ?>< /a></h1>
<ul id="nav">
<?php wp_list_pages('title_li=&depth=1');
wp_list_categories('title_li=&depth=1');?>
hvad sker der hvis du bytter om på wp_list_pages og wp_list_categories ?
Du har en float: på både #sidebar og #main disse er sat til hhv right og left. Hvis du bytter rundt på de to bytter dine indlæg og sidebar'en plads.
Mvh
Jacob Ask
Til Boldt:
Jeg kan ikke rigtig finde den kode i header.php. Min header.php ser således ud:
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title('–', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" type="text/css" media="print" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="alternate" href="<?php bloginfo('rss2_url'); ?>" type="application/rss+xml" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="container">
<div id="masthead">
<p id="site-slogan"><?php bloginfo('description'); ?></p>
<p id="message">You should ">subscribe to the feed</p>
</div>
<p style="margin-top:-24px"><img src="http://i918.photobucket.com/albums/ad21/chrcarlsen/Plain78-1.jpg"
alt="Header image" /></p>
<div id="main">
Skal jeg istedet kigge et andet sted?
Til Jacob Ask:
Det virker fint det du skriver. Jeg får dog ikke den ønskede effekt, da jeg jo gerne vil have sidebar'en op over indlæggene. Begge to må gerne være indstillet til float:left faktisk. Jeg vil bare have sidebar'en ovenover. Men tak for det andet tip.
Snakker vi om samme tema?
jeg hentede en "Old Popular Yolk" via http://wordpress.org/extend/themes/
på http://oldpopularyolk.joshuagoodwin.com/
Når jeg åbner header.php finder jeg omtalte i linie 24,25
Ja det er det samme tema. Hentede det også der. Jeg har ændret lidt i min header, men det var udelukkende, at jeg tilføjede min egen header og det gjorde jeg ved, at indsætte:
<p style="margin-top:-24px"><img src="http://i918.photobucket.com/albums/ad21/chrcarlsen/Plain78-1.jpg"
alt="Header image" /></p>
vi snakker ikke om det samme tema.
igen hvad hedder dit tema?
vis hvad der står i footer.php
Mit tema hedder: Old Popular Yolk
Min footer.php ser således ud:
</div>
<?php get_sidebar()?>
<p id="footer">Old Popular Yolk theme for WordPress by Joshua Goodwin</p>
</div>
<?php wp_footer()?>
</body>
</html>
http://wordpress.org/extend/themes/old-popular-yolk
http://wordpress.org/extend/themes/download/old-popular-yolk.2.zip
er den zip-fil jeg kigger i
Du skal have flyttet din sidebar op over din <div id="main"> of så skal du floate dine list-elementer til venstre (for at de ikke kommer under hinanden men ved siden af hinanden).
Jeg ville også omkranse din sidebar i en form for container-div (bare for at have mere tjeck på den).
Dvs du skal have noget i stil med:
[div id="nav"]
[ul id=sidebar]
... liste elementer her ...
[/ul]
[/div]
[div id="main"]
... alt dit indhold her ...
[/div]
alle [ ] er lig <>, men jeg har skiftet dem ellers æder forummet dem.
Tilføjelse... For at få liste-elementerne til at stå på linie skal du så have:
.nav li {
float:left;
}
evt skal du have ul'erne med under denne, så:
.nav li, .nav ul {
float:left;
}
Mvh
Jacob Ask
Jeg vil egentlig gerne beholde sidebar's elementerne under hinanden, så det med at liste dem undlader jeg.
Min header ser derfor således ud nu:
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title('–', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" type="text/css" media="print" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="alternate" href="<?php bloginfo('rss2_url'); ?>" type="application/rss+xml" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="container">
<div id="masthead">
<p id="site-slogan"><?php bloginfo('description'); ?></p>
<p id="message">You should ">subscribe to the feed</p>
</div>
<p style="margin-top:-24px"><img src="http://i918.photobucket.com/albums/ad21/chrcarlsen/Plain78-1.jpg"
alt="Header image" /></p>
<div id="nav">
<ul id=sidebar>
</div>
<div id="main">
</div>
Desværre har det nu bare placeret sidebar'en nederst til venstre. Fakitsk under indlæggene.
Hvad gør jeg forkert?
Så skal du bare have flyttet din sidebar op over din main.
Dvs, bare hold dig til det første jeg skrev i tidligere indlæg og glem CSS-detaljerne:
[ul id=sidebar]
... liste elementer her ...
[/ul]
[div id="main"]
... alt dit indhold her ...
[/div]
Mvh
Jacob Ask
Jeg er ikke helt sikker på, at jeg forstår. har jeg ikke flyttet min sidebar op over min main?
Du må undskylde mine mange spøgsmål. Er ikke så skarp på dette område.
Ikke på http://weekendwar.dk/
Jeg må indrømme at jeg sjældent læser en masse copy/pastet kodestumper igennem på forummet. Det er meget rarere at have fat i den rigtige side (hvor diverse web-værktøjer virker).
I den stump du har overnover er der ihvertfald noget galt. Du har ganske rigtigt [ul id="sidebar"] over <div id="main">, men hvor er [/ul]?
Du skal flytte hele sektionen med sidebar (inklusiv alt indhold der hører ind under [ul id="sidebar"] op over alt indhold der er inkluderet i det der nu hedder din <div id="container>.
Der ser ud til at du har rykket en del rundt, uden at få indholdet med... en div starter med et <div> og slutter med et </div>, og alt derimellem er så at sige inde i den div. Det hjælper ikkke noget bare at flytte tagget.
Prøv lige at start igen fra der hvor du var da du startede med at spørge - det er vidst lettere at tage den derfra end at skulle rette baglæns.
Mvh
Jacob
Du skal være logget ind for at skrive.
