The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> alignment issues, having problems getting a template to change
eidwog
post Sep 21 2011, 02:33 AM
Post #1





Group: Members
Posts: 4
Joined: 21-September 11
Member No.: 15,451



I've been using a template to design a website.
I've been finding it hard to edit it.

I want to move the text to align to the left of the slideshow pictures.
Also at the end (bottom left) I cant one of the pictures to work. It's code is the same as the others and appears when I am viewing it via my computer, just not online.

Below is the code:


<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<link rel="stylesheet" href="style.css" type="text/css">
<script src="mouseover_popup.js" language="JavaScript" type="text/javascript"></script>

<title>Fashionline</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>

</head>
<body>
<div style="display: none; position: absolute; z-index: 110; left: 400; top: 100; width: 15; height: 15" id="preview_div"></div>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Home Page</span></a></li>
<li><a href="support.html"><span>Support</span></a></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="blog.html"><span>Blog</span></a></li>
<li><a href="contact.html"><span>Contact Us</span></a></li>
</ul>
</div>
<div align="center"></div>
<div class="logo">
<h1><span class="clr"><img src="images/obsessioneventsclear.jpg" width="300" height="162" alt="obsession" /></span></h1>
</div>
<div class="clr">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/Slide10back.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="images/DSC_0155back.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="images/DSC_0102back.jpg" width="940" height="310" alt="" /> </a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>Obsessions Events</span></h2>
<p class="infopost"><a href="#" class="com"><span>11</span></a></p>
<div class="clr"></div>
<div class="img"><img src="images/obsessioneventsclear.jpg" width="300" height="162" alt="" class="fl" /></div>
<div class="post_content">
<p>Wednesday 23rd November, (Venue TBC), Brisbane will be hosting Obsession’s Auction Evening. Brought to you by Fashion Democracy and Evelyn Curtis, Obsession brings you another unforgettable night of fashion. The evening will present the opportunity to meet and great six of Brisbane’s brightest new Fashion talents. Each label will be showcasing their garments in an exclusive pop-up shop, with their collections available for purchase with prices never seen before.  The pop up shop will be followed by an auction which will see each designer present a couture, one of a kind garment sold to the highest bidder.
Come along and support Brisbane’s rising stars.</p>
<p> </p>
<p class="spec"><a href="about.html" class="rm">Read more</a></p>
</div>
<div class="clr"></div>
</div>
<div class="article">
<h2><span>We'll Make Sure Template</span> Works For You</h2>
<p class="infopost">Posted on <span class="date">29 aug 2016</span> by <a href="#">Admin</a>   |   Filed under <a href="#">templates</a>, <a href="#">internet</a> <a href="#" class="com"><span>7</span></a></p>
<div class="clr"></div>
<div class="img"><img src="images/img2.jpg" width="640" height="194" alt="" class="fl" /></div>
<div class="post_content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.</p>
<p><strong>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla.</strong> Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. *beep* sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
<p class="spec"><a href="#" class="rm">Read more</a></p>
</div>
<div class="clr"></div>
</div>
<p class="pages"><small>Page 1 of 2</small> <span>1</span> <a href="#">2</a> <a href="#">»</a></p>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star"> </h2>
<div class="clr"></div>
<ul class="sb_menu">
<li></li>
</ul>
</div>
<div class="gadget">
<h2 class="star"> </h2>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>Image</span> Gallery</h2>
<img src="images/thumb1.jpg" border="0" onMouseOver="showtrail('images/thumb1L.jpg','Obsession',410,650)" onMouseOut="hidetrail()"></a> <a href="#"><img src="images/thumb2.jpg" alt="" border="0" onMouseOver="showtrail('images/thumb2L.jpg','Obsession',410,650)" onMouseOut="hidetrail()"></a> <a href="#"><img src="images/thumb3.jpg" alt="" border="0" onMouseOver="showtrail('images/thumb3L.jpg','Obsession',410,650)" onMouseOut="hidetrail()"></a> <a href="#"><img src="images/thumb4.jpg" alt="" border="0" onMouseOver="showtrail('images/thumb4L.jpg','Obsession',410,650)" onMouseOut="hidetrail()"></a> <a href="#"><img src="images/thumb7.jpg" alt="" border="0" onMouseOver="showtrail('images/thumb7L.jpg','Obsession',410,650)" onMouseOut="hidetrail()"></a> <a href="#"><img src="images/thumb8.jpg" alt="" border="0" onMouseOver="showtrail('images/thumb8L.jpg','Obsession',410,650)" onMouseOut="hidetrail()"></a>

</div>
<div class="col c2">
<h2><span>Services</span> Overview</h2>
<p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
<ul class="fbg_ul">
<li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
<li><a href="#">Excepteur officia deserunt.</a></li>
<li><a href="#">Integer tellus ipsum tempor sed.</a></li>
</ul>
</div>
<div class="col c3">
<h2><span>Contact</span> Us</h2>
<p> </p>
<p class="contact_info"><br />
<span>Telephone:</span>0438 187 351<br />
<br />
<br />
<span>E-mail:</span> <a href="#">info@obsessionevents .com</a> </p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">© Copyright <a href="#">MyWebSite</a>.</p>
<p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
<div style="clear:both;"></div>
</div>
</div>
</div>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 21 2011, 03:58 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Since we need to be able to see the images (or what's wrong with them), we need to see the page online. Can you post the url to the page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
eidwog
post Sep 27 2011, 02:09 AM
Post #3





Group: Members
Posts: 4
Joined: 21-September 11
Member No.: 15,451



my bad.

www.obsessionevents.com.au
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 27 2011, 10:22 AM
Post #4


šŸŒŸComputer says nošŸŒŸ
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Remove the 'float: right' from .content .mainbar .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
eidwog
post Sep 29 2011, 03:04 AM
Post #5





Group: Members
Posts: 4
Joined: 21-September 11
Member No.: 15,451



thanks, worked a charm
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th April 2024 - 09:48 AM